@rio-cloud/uikit-mcp 1.1.11 → 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.
- package/dist/doc-metadata.json +26 -26
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/analyticsAnalysisOverlay.md +1 -1
- package/dist/docs/components/animatedNumber.md +2 -2
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +21 -21
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +39 -23
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +4 -4
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +384 -420
- package/dist/docs/components/autosuggests.md +1 -1
- package/dist/docs/components/avatar.md +1 -1
- package/dist/docs/components/banner.md +2 -2
- package/dist/docs/components/barCharts.md +13 -13
- package/dist/docs/components/barList.md +10 -10
- package/dist/docs/components/basicMap.md +1 -1
- package/dist/docs/components/bottomSheet.md +1 -1
- package/dist/docs/components/button.md +1 -1
- package/dist/docs/components/buttonToolbar.md +1 -1
- package/dist/docs/components/calendarStripe.md +45 -49
- package/dist/docs/components/card.md +1 -1
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +1 -1
- package/dist/docs/components/chartsGettingStarted.md +1 -1
- package/dist/docs/components/chat.md +2 -2
- package/dist/docs/components/checkbox.md +1 -1
- package/dist/docs/components/circularProgress.md +8 -8
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -2
- package/dist/docs/components/composedCharts.md +15 -15
- package/dist/docs/components/contentLoader.md +1 -1
- package/dist/docs/components/dataTabs.md +1 -1
- package/dist/docs/components/datepickers.md +660 -660
- package/dist/docs/components/dayPicker.md +5 -5
- package/dist/docs/components/dayPickerCalendar.md +469 -469
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +3270 -3256
- package/dist/docs/components/editableContent.md +1 -1
- package/dist/docs/components/expander.md +1 -1
- package/dist/docs/components/fade.md +1 -1
- package/dist/docs/components/fadeExpander.md +1 -1
- package/dist/docs/components/fadeUp.md +2 -2
- package/dist/docs/components/feedback.md +1 -1
- package/dist/docs/components/filePickers.md +1 -1
- package/dist/docs/components/formLabel.md +1 -1
- package/dist/docs/components/groupedItemList.md +1 -1
- package/dist/docs/components/htmlTable.md +111 -113
- package/dist/docs/components/iconList.md +3 -3
- package/dist/docs/components/imagePreloader.md +1 -1
- package/dist/docs/components/labeledElement.md +1 -1
- package/dist/docs/components/licensePlate.md +1 -1
- package/dist/docs/components/lineCharts.md +3 -3
- package/dist/docs/components/listMenu.md +1 -1
- package/dist/docs/components/loadMore.md +1 -1
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +1 -1
- package/dist/docs/components/mapCluster.md +1 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +1 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapSettings.md +31 -9
- package/dist/docs/components/mapUtils.md +65 -2
- package/dist/docs/components/mapViewportHistory.md +1 -1
- package/dist/docs/components/multiselects.md +165 -1
- package/dist/docs/components/noData.md +1 -1
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +1 -1
- package/dist/docs/components/onboarding.md +1 -1
- package/dist/docs/components/page.md +1 -1
- package/dist/docs/components/pager.md +1 -1
- package/dist/docs/components/pieCharts.md +36 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +25 -25
- package/dist/docs/components/radioCardGroup.md +1 -1
- package/dist/docs/components/radiobutton.md +1 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +1 -1
- package/dist/docs/components/responsiveColumnStripe.md +1 -1
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +1 -1
- package/dist/docs/components/saveableInput.md +247 -247
- package/dist/docs/components/selects.md +1 -1
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +1 -1
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +1 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +1 -1
- package/dist/docs/components/stepButton.md +1 -1
- package/dist/docs/components/steppedProgressBars.md +1 -1
- package/dist/docs/components/subNavigation.md +1 -1
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +1 -1
- package/dist/docs/components/switch.md +1 -1
- package/dist/docs/components/table.md +14 -14
- package/dist/docs/components/tableControls.md +51 -51
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +1 -1
- package/dist/docs/components/textTruncateMiddle.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +1 -1
- package/dist/docs/components/toggleButton.md +1 -1
- package/dist/docs/components/tooltip.md +1 -1
- package/dist/docs/components/tracker.md +1 -1
- package/dist/docs/components/virtualList.md +55 -53
- package/dist/docs/foundations.md +105 -105
- package/dist/docs/start/changelog.md +25 -213
- package/dist/docs/start/goodtoknow.md +1 -1
- package/dist/docs/start/guidelines/color-combinations.md +1 -1
- package/dist/docs/start/guidelines/custom-css.md +1 -1
- package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
- package/dist/docs/start/guidelines/formatting.md +1 -1
- package/dist/docs/start/guidelines/iframe.md +1 -1
- package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
- package/dist/docs/start/guidelines/print-css.md +1 -1
- package/dist/docs/start/guidelines/spinner.md +1 -1
- package/dist/docs/start/guidelines/state-in-url.md +1 -1
- package/dist/docs/start/guidelines/supported-browsers.md +1 -1
- package/dist/docs/start/guidelines/writing.md +1 -1
- package/dist/docs/start/howto.md +16 -16
- package/dist/docs/start/intro.md +2 -2
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/templates/ai-assistant.md +1 -1
- package/dist/docs/templates/common-table.md +55 -55
- package/dist/docs/templates/detail-views.md +2 -2
- package/dist/docs/templates/expandable-details.md +1 -1
- package/dist/docs/templates/feature-cards.md +37 -37
- package/dist/docs/templates/form-summary.md +15 -15
- package/dist/docs/templates/form-toggle.md +1 -1
- package/dist/docs/templates/list-blocks.md +137 -137
- package/dist/docs/templates/loading-progress.md +1 -1
- package/dist/docs/templates/options-panel.md +1 -1
- package/dist/docs/templates/panel-variants.md +1 -1
- package/dist/docs/templates/progress-cards.md +1 -1
- package/dist/docs/templates/progress-success.md +1 -1
- package/dist/docs/templates/settings-form.md +18 -18
- package/dist/docs/templates/stats-blocks.md +12 -12
- package/dist/docs/templates/table-panel.md +1 -1
- package/dist/docs/templates/usage-cards.md +1 -1
- package/dist/docs/utilities/classNames.md +1 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/getTrackingAttributes.md +1 -1
- package/dist/docs/utilities/routeUtils.md +1 -1
- package/dist/docs/utilities/useAfterMount.md +1 -1
- package/dist/docs/utilities/useAutoAnimate.md +1 -1
- package/dist/docs/utilities/useAverage.md +1 -1
- package/dist/docs/utilities/useClickOutside.md +1 -1
- package/dist/docs/utilities/useClipboard.md +2 -2
- package/dist/docs/utilities/useCookies.md +1 -1
- package/dist/docs/utilities/useCount.md +1 -1
- package/dist/docs/utilities/useDarkMode.md +1 -1
- package/dist/docs/utilities/useDebugInfo.md +3 -3
- package/dist/docs/utilities/useDraggableElement.md +1 -1
- package/dist/docs/utilities/useEffectOnce.md +1 -1
- package/dist/docs/utilities/useElapsedTime.md +1 -1
- package/dist/docs/utilities/useElementSize.md +1 -1
- package/dist/docs/utilities/useEsc.md +1 -1
- package/dist/docs/utilities/useEvent.md +1 -1
- package/dist/docs/utilities/useFocusTrap.md +1 -1
- package/dist/docs/utilities/useFullscreen.md +1 -1
- package/dist/docs/utilities/useHover.md +1 -1
- package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
- package/dist/docs/utilities/useInterval.md +1 -1
- package/dist/docs/utilities/useIsFocusWithin.md +1 -1
- package/dist/docs/utilities/useKey.md +1 -1
- package/dist/docs/utilities/useLocalStorage.md +1 -1
- package/dist/docs/utilities/useLocationSuggestions.md +1 -1
- package/dist/docs/utilities/useMax.md +1 -1
- package/dist/docs/utilities/useMin.md +1 -1
- package/dist/docs/utilities/useMutationObserver.md +1 -1
- package/dist/docs/utilities/useOnScreen.md +1 -1
- package/dist/docs/utilities/useOnlineStatus.md +1 -1
- package/dist/docs/utilities/usePostMessage.md +1 -1
- package/dist/docs/utilities/usePostMessageSender.md +1 -1
- package/dist/docs/utilities/usePrevious.md +1 -1
- package/dist/docs/utilities/useResizeObserver.md +1 -1
- package/dist/docs/utilities/useRioCookieConsent.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.md +1 -1
- package/dist/docs/utilities/useSearchHighlight.md +1 -1
- package/dist/docs/utilities/useSorting.md +1 -1
- package/dist/docs/utilities/useStateWithValidation.md +1 -1
- package/dist/docs/utilities/useSum.md +1 -1
- package/dist/docs/utilities/useTableExport.md +61 -61
- package/dist/docs/utilities/useTableSelection.md +72 -72
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useUrlState.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +1 -1
- package/dist/version.json +2 -2
- package/package.json +7 -4
|
@@ -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-
|
|
6
|
+
*Captured:* 2026-05-06T12:13:39.637Z
|
|
7
7
|
|
|
8
8
|
## AssetTree
|
|
9
9
|
|
|
@@ -13,38 +13,36 @@ The asset tree components are using labels that need to be defined from the outs
|
|
|
13
13
|
|
|
14
14
|
Filter
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
5769
|
|
17
17
|
4
|
|
18
18
|
|
|
19
|
-
Group -
|
|
19
|
+
Group - Aaron Reichel-Spinka - 2765 19
|
|
20
20
|
|
|
21
|
-
Group -
|
|
21
|
+
Group - Abbie Bergnaum - 1001 5
|
|
22
22
|
|
|
23
|
-
Group -
|
|
23
|
+
Group - Abdiel Schuppe III - 8694 11
|
|
24
24
|
|
|
25
|
-
Group -
|
|
25
|
+
Group - Adela Waelchi - 1464 17
|
|
26
26
|
|
|
27
|
-
Group -
|
|
27
|
+
Group - Adelle Howell - 2115 13
|
|
28
28
|
|
|
29
|
-
Group -
|
|
29
|
+
Group - Adolph King - 5247 4
|
|
30
30
|
|
|
31
|
-
Group -
|
|
31
|
+
Group - Agustin Hessel - 4826 17
|
|
32
32
|
|
|
33
|
-
Group -
|
|
33
|
+
Group - Aida Swift - 1894 15
|
|
34
34
|
|
|
35
|
-
Group -
|
|
35
|
+
Group - Aiyana Hodkiewicz-Schaefer - 9882 17
|
|
36
36
|
|
|
37
|
-
Group -
|
|
37
|
+
Group - Al Mertz - 1581 15
|
|
38
38
|
|
|
39
|
-
Group -
|
|
39
|
+
Group - Alaina Douglas - 6722 7
|
|
40
40
|
|
|
41
|
-
Group -
|
|
41
|
+
Group - Alma Russel - 2281 21
|
|
42
42
|
|
|
43
|
-
Group -
|
|
43
|
+
Group - Amaya Gerlach - 1747 8
|
|
44
44
|
|
|
45
|
-
Group -
|
|
46
|
-
|
|
47
|
-
Group - Alessandra Effertz - 8203 14
|
|
45
|
+
Group - Amaya Nienow - 7799 14
|
|
48
46
|
|
|
49
47
|
200
|
|
50
48
|
|
|
@@ -558,26 +556,28 @@ export default AssetTreeExample;
|
|
|
558
556
|
|
|
559
557
|
### Example: Example 2
|
|
560
558
|
|
|
561
|
-
|
|
562
|
-
|
|
559
|
+
13
|
|
560
|
+
7
|
|
561
|
+
5
|
|
563
562
|
5
|
|
564
|
-
6
|
|
565
563
|
|
|
566
|
-
My Empty Group
|
|
564
|
+
My Empty Group 5
|
|
567
565
|
|
|
568
|
-
Truck Group East
|
|
566
|
+
Truck Group East 4
|
|
569
567
|
|
|
570
|
-
Truck Group North
|
|
571
|
-
N18-
|
|
572
|
-
N18-
|
|
573
|
-
N18-
|
|
574
|
-
N18-
|
|
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
|
|
575
575
|
|
|
576
|
-
Truck Group South
|
|
576
|
+
Truck Group South 6
|
|
577
577
|
|
|
578
|
-
Truck Group West
|
|
578
|
+
Truck Group West 5
|
|
579
579
|
|
|
580
|
-
All my unassigned Trucks
|
|
580
|
+
All my unassigned Trucks 4
|
|
581
581
|
|
|
582
582
|
Current category:
|
|
583
583
|
assets
|
|
@@ -773,24 +773,24 @@ export default AssetTreeSingleSelectExample;
|
|
|
773
773
|
<div class="display-flex justify-content-between align-items-start width-100pct">
|
|
774
774
|
<div class="TreeSummary display-flex flex-wrap align-items-center gap-10 padding-left-3">
|
|
775
775
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
776
|
-
<span class="rioglyph rioglyph-
|
|
776
|
+
<span class="rioglyph rioglyph-van text-size-16 margin-right-2">
|
|
777
777
|
</span>
|
|
778
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
778
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">13</span>
|
|
779
779
|
</div>
|
|
780
780
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
781
|
-
<span class="rioglyph rioglyph-
|
|
781
|
+
<span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
|
|
782
782
|
</span>
|
|
783
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
783
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
|
|
784
784
|
</div>
|
|
785
785
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
786
|
-
<span class="rioglyph rioglyph-
|
|
786
|
+
<span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
|
|
787
787
|
</span>
|
|
788
788
|
<span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
|
|
789
789
|
</div>
|
|
790
790
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
791
791
|
<span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
|
|
792
792
|
</span>
|
|
793
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
793
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
|
|
794
794
|
</div>
|
|
795
795
|
</div>
|
|
796
796
|
</div>
|
|
@@ -803,7 +803,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
803
803
|
<span class="TreeLabelNameText">
|
|
804
804
|
<span class="TreeLabelNameTextHeadline">My Empty Group</span>
|
|
805
805
|
</span>
|
|
806
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
806
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
807
807
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
808
808
|
</span>
|
|
809
809
|
</span>
|
|
@@ -815,7 +815,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
815
815
|
<span class="TreeLabelNameText">
|
|
816
816
|
<span class="TreeLabelNameTextHeadline">Truck Group East</span>
|
|
817
817
|
</span>
|
|
818
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
818
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
819
819
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
820
820
|
</span>
|
|
821
821
|
</span>
|
|
@@ -827,44 +827,62 @@ export default AssetTreeSingleSelectExample;
|
|
|
827
827
|
<span class="TreeLabelNameText">
|
|
828
828
|
<span class="TreeLabelNameTextHeadline">Truck Group North</span>
|
|
829
829
|
</span>
|
|
830
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
830
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
|
|
831
831
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
832
832
|
</span>
|
|
833
833
|
</span>
|
|
834
834
|
</div>
|
|
835
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
835
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9720">
|
|
836
|
+
<span class="TreeLabel TreeLabelName">
|
|
837
|
+
<span class="rioglyph rioglyph-bus">
|
|
838
|
+
</span>
|
|
839
|
+
<span class="TreeLabelNameText">
|
|
840
|
+
<span class="TreeLabelNameTextHeadline">N18-G134 / M-AN 1020</span>
|
|
841
|
+
</span>
|
|
842
|
+
</span>
|
|
843
|
+
</div>
|
|
844
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9711">
|
|
836
845
|
<span class="TreeLabel TreeLabelName">
|
|
837
846
|
<span class="rioglyph rioglyph-bus">
|
|
838
847
|
</span>
|
|
839
848
|
<span class="TreeLabelNameText">
|
|
840
|
-
<span class="TreeLabelNameTextHeadline">N18-
|
|
849
|
+
<span class="TreeLabelNameTextHeadline">N18-G215 / M-AN 1011</span>
|
|
841
850
|
</span>
|
|
842
851
|
</span>
|
|
843
852
|
</div>
|
|
844
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
853
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d977">
|
|
854
|
+
<span class="TreeLabel TreeLabelName">
|
|
855
|
+
<span class="rioglyph rioglyph-bus">
|
|
856
|
+
</span>
|
|
857
|
+
<span class="TreeLabelNameText">
|
|
858
|
+
<span class="TreeLabelNameTextHeadline">N18-G538 / M-AN 1007</span>
|
|
859
|
+
</span>
|
|
860
|
+
</span>
|
|
861
|
+
</div>
|
|
862
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
|
|
845
863
|
<span class="TreeLabel TreeLabelName">
|
|
846
864
|
<span class="rioglyph rioglyph-van">
|
|
847
865
|
</span>
|
|
848
866
|
<span class="TreeLabelNameText">
|
|
849
|
-
<span class="TreeLabelNameTextHeadline">N18-
|
|
867
|
+
<span class="TreeLabelNameTextHeadline">N18-G666 / M-AN 1019</span>
|
|
850
868
|
</span>
|
|
851
869
|
</span>
|
|
852
870
|
</div>
|
|
853
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
871
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
|
|
854
872
|
<span class="TreeLabel TreeLabelName">
|
|
855
|
-
<span class="rioglyph rioglyph-
|
|
873
|
+
<span class="rioglyph rioglyph-van">
|
|
856
874
|
</span>
|
|
857
875
|
<span class="TreeLabelNameText">
|
|
858
|
-
<span class="TreeLabelNameTextHeadline">N18-
|
|
876
|
+
<span class="TreeLabelNameTextHeadline">N18-G760 / M-AN 1014</span>
|
|
859
877
|
</span>
|
|
860
878
|
</span>
|
|
861
879
|
</div>
|
|
862
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
880
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
|
|
863
881
|
<span class="TreeLabel TreeLabelName">
|
|
864
|
-
<span class="rioglyph rioglyph-
|
|
882
|
+
<span class="rioglyph rioglyph-truck">
|
|
865
883
|
</span>
|
|
866
884
|
<span class="TreeLabelNameText">
|
|
867
|
-
<span class="TreeLabelNameTextHeadline">N18-
|
|
885
|
+
<span class="TreeLabelNameTextHeadline">N18-G959 / M-AN 1001</span>
|
|
868
886
|
</span>
|
|
869
887
|
</span>
|
|
870
888
|
</div>
|
|
@@ -875,7 +893,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
875
893
|
<span class="TreeLabelNameText">
|
|
876
894
|
<span class="TreeLabelNameTextHeadline">Truck Group South</span>
|
|
877
895
|
</span>
|
|
878
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
896
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
|
|
879
897
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
880
898
|
</span>
|
|
881
899
|
</span>
|
|
@@ -887,7 +905,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
887
905
|
<span class="TreeLabelNameText">
|
|
888
906
|
<span class="TreeLabelNameTextHeadline">Truck Group West</span>
|
|
889
907
|
</span>
|
|
890
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
908
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
891
909
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
892
910
|
</span>
|
|
893
911
|
</span>
|
|
@@ -899,7 +917,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
899
917
|
<span class="TreeLabelNameText">
|
|
900
918
|
<span class="TreeLabelNameTextHeadline">All my unassigned Trucks</span>
|
|
901
919
|
</span>
|
|
902
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
920
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
903
921
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
904
922
|
</span>
|
|
905
923
|
</span>
|
|
@@ -1088,40 +1106,31 @@ When using fuel filter, please check out the fuel type utils that ease the imple
|
|
|
1088
1106
|
|
|
1089
1107
|
### Example: Example 3
|
|
1090
1108
|
|
|
1091
|
-
|
|
1092
|
-
8
|
|
1093
|
-
6
|
|
1094
|
-
3
|
|
1095
|
-
|
|
1096
|
-
9
|
|
1109
|
+
7
|
|
1097
1110
|
2
|
|
1111
|
+
4
|
|
1098
1112
|
7
|
|
1099
|
-
1
|
|
1100
|
-
1
|
|
1101
|
-
|
|
1102
|
-
Mixed Vehicles 14
|
|
1103
|
-
|
|
1104
|
-
Vehicle-1032 Debug: lpg
|
|
1105
|
-
|
|
1106
|
-
Vehicle-1530 Debug: diesel
|
|
1107
|
-
|
|
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
1113
|
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1114
|
+
9
|
|
1115
|
+
4
|
|
1116
|
+
2
|
|
1117
|
+
3
|
|
1118
|
+
2
|
|
1123
1119
|
|
|
1124
|
-
|
|
1120
|
+
Mixed Vehicles 11
|
|
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
|
|
1132
|
+
|
|
1133
|
+
Ungrouped 9
|
|
1125
1134
|
|
|
1126
1135
|
Selected groups:
|
|
1127
1136
|
|
|
@@ -1455,22 +1464,22 @@ export default AssetTreeExample;
|
|
|
1455
1464
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1456
1465
|
<span class="rioglyph rioglyph-truck-baseline text-size-16 margin-right-2">
|
|
1457
1466
|
</span>
|
|
1458
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1467
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
|
|
1459
1468
|
</div>
|
|
1460
1469
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1461
1470
|
<span class="rioglyph rioglyph-bus-baseline text-size-16 margin-right-2">
|
|
1462
1471
|
</span>
|
|
1463
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1472
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
|
|
1464
1473
|
</div>
|
|
1465
1474
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1466
1475
|
<span class="rioglyph rioglyph-van-baseline text-size-16 margin-right-2">
|
|
1467
1476
|
</span>
|
|
1468
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1477
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
|
|
1469
1478
|
</div>
|
|
1470
1479
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1471
1480
|
<span class="rioglyph rioglyph-car-baseline text-size-16 margin-right-2">
|
|
1472
1481
|
</span>
|
|
1473
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1482
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
|
|
1474
1483
|
</div>
|
|
1475
1484
|
</div>
|
|
1476
1485
|
<div class="TreeSummaryRow display-grid grid-cols-4 gap-10">
|
|
@@ -1482,29 +1491,29 @@ export default AssetTreeExample;
|
|
|
1482
1491
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1483
1492
|
<span class="rioglyph rioglyph-fuel-gas text-size-16 margin-right-2">
|
|
1484
1493
|
</span>
|
|
1485
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1494
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
|
|
1486
1495
|
</div>
|
|
1487
1496
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1488
1497
|
<span class="rioglyph rioglyph-fuel-electric text-size-16 margin-right-2">
|
|
1489
1498
|
</span>
|
|
1490
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1499
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
|
|
1491
1500
|
</div>
|
|
1492
1501
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1493
1502
|
<span class="rioglyph rioglyph-fuel-hydrogen text-size-16 margin-right-2">
|
|
1494
1503
|
</span>
|
|
1495
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1504
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
|
|
1496
1505
|
</div>
|
|
1497
1506
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1498
1507
|
<span class="rioglyph rioglyph-fuel-mix text-size-16 margin-right-2">
|
|
1499
1508
|
</span>
|
|
1500
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1509
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
|
|
1501
1510
|
</div>
|
|
1502
1511
|
</div>
|
|
1503
1512
|
</div>
|
|
1504
1513
|
</div>
|
|
1505
1514
|
<div>
|
|
1506
1515
|
<div class="dropdown btn-group TreeHeaderOptions height-20">
|
|
1507
|
-
<button type="button" id="
|
|
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">
|
|
1508
1517
|
<span class="rioglyph rioglyph-option-vertical" aria-hidden="true">
|
|
1509
1518
|
</span>
|
|
1510
1519
|
</button>
|
|
@@ -1513,314 +1522,269 @@ export default AssetTreeExample;
|
|
|
1513
1522
|
</div>
|
|
1514
1523
|
</div>
|
|
1515
1524
|
<div class="TreeRoot user-select-none overflow-hidden" style="position: relative;">
|
|
1516
|
-
<div class="
|
|
1517
|
-
<div class="
|
|
1518
|
-
<
|
|
1519
|
-
<
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
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>
|
|
1525
|
+
<div class="TreeNodeContainer user-select-none overflow-hidden open" data-id="group-1">
|
|
1526
|
+
<div class="TreeNode from-group" data-key="group-1">
|
|
1527
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1528
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1529
|
+
<span class="checkbox-text">
|
|
1530
|
+
</span>
|
|
1531
|
+
</label>
|
|
1532
|
+
<span class="TreeLabel TreeLabelName">
|
|
1533
|
+
<span class="TreeLabelNameText">
|
|
1534
|
+
<span class="TreeLabelNameTextHeadline">Mixed Vehicles</span>
|
|
1535
|
+
</span>
|
|
1536
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">11</span>
|
|
1537
|
+
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
1538
|
+
</span>
|
|
1539
|
+
</span>
|
|
1816
1540
|
</div>
|
|
1817
|
-
<div class="
|
|
1818
|
-
<
|
|
1819
|
-
|
|
1541
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d978">
|
|
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-car">
|
|
1550
|
+
</span>
|
|
1551
|
+
<span class="rioglyph rioglyph-fuel-gas">
|
|
1552
|
+
</span>
|
|
1553
|
+
</span>
|
|
1554
|
+
<span class="TreeLabelNameText">
|
|
1555
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-1022</span>
|
|
1556
|
+
<span class="TreeLabelNameTextSubline">
|
|
1557
|
+
<span>Debug: lpg</span>
|
|
1558
|
+
</span>
|
|
1559
|
+
</span>
|
|
1560
|
+
</span>
|
|
1820
1561
|
</div>
|
|
1821
|
-
<div class="
|
|
1822
|
-
<
|
|
1823
|
-
|
|
1562
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9712">
|
|
1563
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1564
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1565
|
+
<span class="checkbox-text">
|
|
1566
|
+
</span>
|
|
1567
|
+
</label>
|
|
1568
|
+
<span class="TreeLabel TreeLabelName">
|
|
1569
|
+
<span class="rioglyph-icon-pair">
|
|
1570
|
+
<span class="rioglyph rioglyph-truck">
|
|
1571
|
+
</span>
|
|
1572
|
+
<span class="rioglyph rioglyph-fuel-mix">
|
|
1573
|
+
</span>
|
|
1574
|
+
</span>
|
|
1575
|
+
<span class="TreeLabelNameText">
|
|
1576
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-1671</span>
|
|
1577
|
+
<span class="TreeLabelNameTextSubline">
|
|
1578
|
+
<span>Debug: dual_fuel_diesel_cng</span>
|
|
1579
|
+
</span>
|
|
1580
|
+
</span>
|
|
1581
|
+
</span>
|
|
1582
|
+
</div>
|
|
1583
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9717">
|
|
1584
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1585
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1586
|
+
<span class="checkbox-text">
|
|
1587
|
+
</span>
|
|
1588
|
+
</label>
|
|
1589
|
+
<span class="TreeLabel TreeLabelName">
|
|
1590
|
+
<span class="rioglyph-icon-pair">
|
|
1591
|
+
<span class="rioglyph rioglyph-truck">
|
|
1592
|
+
</span>
|
|
1593
|
+
<span class="rioglyph rioglyph-fuel-gas">
|
|
1594
|
+
</span>
|
|
1595
|
+
</span>
|
|
1596
|
+
<span class="TreeLabelNameText">
|
|
1597
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-2974</span>
|
|
1598
|
+
<span class="TreeLabelNameTextSubline">
|
|
1599
|
+
<span>Debug: cng</span>
|
|
1600
|
+
</span>
|
|
1601
|
+
</span>
|
|
1602
|
+
</span>
|
|
1603
|
+
</div>
|
|
1604
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
|
|
1605
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1606
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1607
|
+
<span class="checkbox-text">
|
|
1608
|
+
</span>
|
|
1609
|
+
</label>
|
|
1610
|
+
<span class="TreeLabel TreeLabelName">
|
|
1611
|
+
<span class="rioglyph-icon-pair">
|
|
1612
|
+
<span class="rioglyph rioglyph-car">
|
|
1613
|
+
</span>
|
|
1614
|
+
<span class="rioglyph rioglyph-fuel-liquid">
|
|
1615
|
+
</span>
|
|
1616
|
+
</span>
|
|
1617
|
+
<span class="TreeLabelNameText">
|
|
1618
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-3862</span>
|
|
1619
|
+
<span class="TreeLabelNameTextSubline">
|
|
1620
|
+
<span>Debug: heavy_fuel_oil</span>
|
|
1621
|
+
</span>
|
|
1622
|
+
</span>
|
|
1623
|
+
</span>
|
|
1624
|
+
</div>
|
|
1625
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9713">
|
|
1626
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1627
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1628
|
+
<span class="checkbox-text">
|
|
1629
|
+
</span>
|
|
1630
|
+
</label>
|
|
1631
|
+
<span class="TreeLabel TreeLabelName">
|
|
1632
|
+
<span class="rioglyph-icon-pair">
|
|
1633
|
+
<span class="rioglyph rioglyph-car">
|
|
1634
|
+
</span>
|
|
1635
|
+
<span class="rioglyph rioglyph-fuel-liquid">
|
|
1636
|
+
</span>
|
|
1637
|
+
</span>
|
|
1638
|
+
<span class="TreeLabelNameText">
|
|
1639
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-4135</span>
|
|
1640
|
+
<span class="TreeLabelNameTextSubline">
|
|
1641
|
+
<span>Debug: heavy_fuel_oil</span>
|
|
1642
|
+
</span>
|
|
1643
|
+
</span>
|
|
1644
|
+
</span>
|
|
1645
|
+
</div>
|
|
1646
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
|
|
1647
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1648
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1649
|
+
<span class="checkbox-text">
|
|
1650
|
+
</span>
|
|
1651
|
+
</label>
|
|
1652
|
+
<span class="TreeLabel TreeLabelName">
|
|
1653
|
+
<span class="rioglyph-icon-pair">
|
|
1654
|
+
<span class="rioglyph rioglyph-truck">
|
|
1655
|
+
</span>
|
|
1656
|
+
<span class="rioglyph rioglyph-fuel-gas">
|
|
1657
|
+
</span>
|
|
1658
|
+
</span>
|
|
1659
|
+
<span class="TreeLabelNameText">
|
|
1660
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-5935</span>
|
|
1661
|
+
<span class="TreeLabelNameTextSubline">
|
|
1662
|
+
<span>Debug: cng</span>
|
|
1663
|
+
</span>
|
|
1664
|
+
</span>
|
|
1665
|
+
</span>
|
|
1666
|
+
</div>
|
|
1667
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9718">
|
|
1668
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1669
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1670
|
+
<span class="checkbox-text">
|
|
1671
|
+
</span>
|
|
1672
|
+
</label>
|
|
1673
|
+
<span class="TreeLabel TreeLabelName">
|
|
1674
|
+
<span class="rioglyph-icon-pair">
|
|
1675
|
+
<span class="rioglyph rioglyph-truck">
|
|
1676
|
+
</span>
|
|
1677
|
+
<span class="rioglyph rioglyph-fuel-liquid">
|
|
1678
|
+
</span>
|
|
1679
|
+
</span>
|
|
1680
|
+
<span class="TreeLabelNameText">
|
|
1681
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-6836</span>
|
|
1682
|
+
<span class="TreeLabelNameTextSubline">
|
|
1683
|
+
<span>Debug: heavy_fuel_oil</span>
|
|
1684
|
+
</span>
|
|
1685
|
+
</span>
|
|
1686
|
+
</span>
|
|
1687
|
+
</div>
|
|
1688
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
|
|
1689
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1690
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1691
|
+
<span class="checkbox-text">
|
|
1692
|
+
</span>
|
|
1693
|
+
</label>
|
|
1694
|
+
<span class="TreeLabel TreeLabelName">
|
|
1695
|
+
<span class="rioglyph-icon-pair">
|
|
1696
|
+
<span class="rioglyph rioglyph-truck">
|
|
1697
|
+
</span>
|
|
1698
|
+
<span class="rioglyph rioglyph-fuel-liquid">
|
|
1699
|
+
</span>
|
|
1700
|
+
</span>
|
|
1701
|
+
<span class="TreeLabelNameText">
|
|
1702
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-6932</span>
|
|
1703
|
+
<span class="TreeLabelNameTextSubline">
|
|
1704
|
+
<span>Debug: diesel</span>
|
|
1705
|
+
</span>
|
|
1706
|
+
</span>
|
|
1707
|
+
</span>
|
|
1708
|
+
</div>
|
|
1709
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d974">
|
|
1710
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1711
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1712
|
+
<span class="checkbox-text">
|
|
1713
|
+
</span>
|
|
1714
|
+
</label>
|
|
1715
|
+
<span class="TreeLabel TreeLabelName">
|
|
1716
|
+
<span class="rioglyph-icon-pair">
|
|
1717
|
+
<span class="rioglyph rioglyph-car">
|
|
1718
|
+
</span>
|
|
1719
|
+
<span class="rioglyph rioglyph-fuel-liquid">
|
|
1720
|
+
</span>
|
|
1721
|
+
</span>
|
|
1722
|
+
<span class="TreeLabelNameText">
|
|
1723
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-7229</span>
|
|
1724
|
+
<span class="TreeLabelNameTextSubline">
|
|
1725
|
+
<span>Debug: heavy_fuel_oil</span>
|
|
1726
|
+
</span>
|
|
1727
|
+
</span>
|
|
1728
|
+
</span>
|
|
1729
|
+
</div>
|
|
1730
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
|
|
1731
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1732
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1733
|
+
<span class="checkbox-text">
|
|
1734
|
+
</span>
|
|
1735
|
+
</label>
|
|
1736
|
+
<span class="TreeLabel TreeLabelName">
|
|
1737
|
+
<span class="rioglyph-icon-pair">
|
|
1738
|
+
<span class="rioglyph rioglyph-car">
|
|
1739
|
+
</span>
|
|
1740
|
+
<span class="rioglyph rioglyph-fuel-mix">
|
|
1741
|
+
</span>
|
|
1742
|
+
</span>
|
|
1743
|
+
<span class="TreeLabelNameText">
|
|
1744
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-7606</span>
|
|
1745
|
+
<span class="TreeLabelNameTextSubline">
|
|
1746
|
+
<span>Debug: dual_fuel_diesel_cng</span>
|
|
1747
|
+
</span>
|
|
1748
|
+
</span>
|
|
1749
|
+
</span>
|
|
1750
|
+
</div>
|
|
1751
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
|
|
1752
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1753
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1754
|
+
<span class="checkbox-text">
|
|
1755
|
+
</span>
|
|
1756
|
+
</label>
|
|
1757
|
+
<span class="TreeLabel TreeLabelName">
|
|
1758
|
+
<span class="rioglyph-icon-pair">
|
|
1759
|
+
<span class="rioglyph rioglyph-car">
|
|
1760
|
+
</span>
|
|
1761
|
+
<span class="rioglyph rioglyph-fuel-hydrogen">
|
|
1762
|
+
</span>
|
|
1763
|
+
</span>
|
|
1764
|
+
<span class="TreeLabelNameText">
|
|
1765
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-8721</span>
|
|
1766
|
+
<span class="TreeLabelNameTextSubline">
|
|
1767
|
+
<span>Debug: hydrogen</span>
|
|
1768
|
+
</span>
|
|
1769
|
+
</span>
|
|
1770
|
+
</span>
|
|
1771
|
+
</div>
|
|
1772
|
+
</div>
|
|
1773
|
+
<div class="TreeNodeContainer user-select-none overflow-hidden" data-id="unassigned-group">
|
|
1774
|
+
<div class="TreeNode from-group" data-key="unassigned-group">
|
|
1775
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1776
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1777
|
+
<span class="checkbox-text">
|
|
1778
|
+
</span>
|
|
1779
|
+
</label>
|
|
1780
|
+
<span class="TreeLabel TreeLabelName">
|
|
1781
|
+
<span class="TreeLabelNameText">
|
|
1782
|
+
<span class="TreeLabelNameTextHeadline">Ungrouped</span>
|
|
1783
|
+
</span>
|
|
1784
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">9</span>
|
|
1785
|
+
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
1786
|
+
</span>
|
|
1787
|
+
</span>
|
|
1824
1788
|
</div>
|
|
1825
1789
|
</div>
|
|
1826
1790
|
</div>
|
|
@@ -2398,11 +2362,11 @@ export default AssetTreeWithCustomSummaryExample;
|
|
|
2398
2362
|
|
|
2399
2363
|
### Example: Example 5
|
|
2400
2364
|
|
|
2401
|
-
Group 01
|
|
2365
|
+
Group 01 7
|
|
2402
2366
|
|
|
2403
|
-
Group 02
|
|
2367
|
+
Group 02 8
|
|
2404
2368
|
|
|
2405
|
-
Group 03
|
|
2369
|
+
Group 03 5
|
|
2406
2370
|
|
|
2407
2371
|
#### React (tsx)
|
|
2408
2372
|
|
|
@@ -2503,7 +2467,7 @@ export default () => {
|
|
|
2503
2467
|
<span class="TreeLabelNameText">
|
|
2504
2468
|
<span class="TreeLabelNameTextHeadline">Group 01</span>
|
|
2505
2469
|
</span>
|
|
2506
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2470
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
|
|
2507
2471
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2508
2472
|
</span>
|
|
2509
2473
|
</span>
|
|
@@ -2518,7 +2482,7 @@ export default () => {
|
|
|
2518
2482
|
<span class="TreeLabelNameText">
|
|
2519
2483
|
<span class="TreeLabelNameTextHeadline">Group 02</span>
|
|
2520
2484
|
</span>
|
|
2521
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2485
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
|
|
2522
2486
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2523
2487
|
</span>
|
|
2524
2488
|
</span>
|
|
@@ -2533,7 +2497,7 @@ export default () => {
|
|
|
2533
2497
|
<span class="TreeLabelNameText">
|
|
2534
2498
|
<span class="TreeLabelNameTextHeadline">Group 03</span>
|
|
2535
2499
|
</span>
|
|
2536
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2500
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
2537
2501
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2538
2502
|
</span>
|
|
2539
2503
|
</span>
|
|
@@ -2695,13 +2659,13 @@ Tree with header and search
|
|
|
2695
2659
|
|
|
2696
2660
|
20
|
|
2697
2661
|
|
|
2698
|
-
Folder 01
|
|
2662
|
+
Folder 01 5
|
|
2699
2663
|
|
|
2700
|
-
Folder 02
|
|
2664
|
+
Folder 02 8
|
|
2701
2665
|
|
|
2702
|
-
Folder 03
|
|
2666
|
+
Folder 03 2
|
|
2703
2667
|
|
|
2704
|
-
Folder 04
|
|
2668
|
+
Folder 04 5
|
|
2705
2669
|
|
|
2706
2670
|
Selected items:
|
|
2707
2671
|
|
|
@@ -2845,7 +2809,7 @@ export default TreeOnlyExample;
|
|
|
2845
2809
|
<span class="TreeLabelNameText">
|
|
2846
2810
|
<span class="TreeLabelNameTextHeadline">Folder 01</span>
|
|
2847
2811
|
</span>
|
|
2848
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2812
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
2849
2813
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2850
2814
|
</span>
|
|
2851
2815
|
</span>
|
|
@@ -2859,7 +2823,7 @@ export default TreeOnlyExample;
|
|
|
2859
2823
|
<span class="TreeLabelNameText">
|
|
2860
2824
|
<span class="TreeLabelNameTextHeadline">Folder 02</span>
|
|
2861
2825
|
</span>
|
|
2862
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2826
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
|
|
2863
2827
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2864
2828
|
</span>
|
|
2865
2829
|
</span>
|
|
@@ -2873,7 +2837,7 @@ export default TreeOnlyExample;
|
|
|
2873
2837
|
<span class="TreeLabelNameText">
|
|
2874
2838
|
<span class="TreeLabelNameTextHeadline">Folder 03</span>
|
|
2875
2839
|
</span>
|
|
2876
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2840
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
|
|
2877
2841
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2878
2842
|
</span>
|
|
2879
2843
|
</span>
|
|
@@ -2887,7 +2851,7 @@ export default TreeOnlyExample;
|
|
|
2887
2851
|
<span class="TreeLabelNameText">
|
|
2888
2852
|
<span class="TreeLabelNameTextHeadline">Folder 04</span>
|
|
2889
2853
|
</span>
|
|
2890
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2854
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
2891
2855
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2892
2856
|
</span>
|
|
2893
2857
|
</span>
|
|
@@ -2961,13 +2925,13 @@ export default TreeOnlyExample;
|
|
|
2961
2925
|
|
|
2962
2926
|
Tree without header and search
|
|
2963
2927
|
|
|
2964
|
-
Folder 01
|
|
2928
|
+
Folder 01 4
|
|
2965
2929
|
|
|
2966
|
-
Folder 02
|
|
2930
|
+
Folder 02 6
|
|
2967
2931
|
|
|
2968
|
-
Folder 03
|
|
2932
|
+
Folder 03 5
|
|
2969
2933
|
|
|
2970
|
-
Folder 04
|
|
2934
|
+
Folder 04 5
|
|
2971
2935
|
|
|
2972
2936
|
Selected items:
|
|
2973
2937
|
|
|
@@ -3087,7 +3051,7 @@ export default TreeOnlyExample;
|
|
|
3087
3051
|
<span class="TreeLabelNameText">
|
|
3088
3052
|
<span class="TreeLabelNameTextHeadline">Folder 01</span>
|
|
3089
3053
|
</span>
|
|
3090
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
3054
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
3091
3055
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3092
3056
|
</span>
|
|
3093
3057
|
</span>
|
|
@@ -3101,7 +3065,7 @@ export default TreeOnlyExample;
|
|
|
3101
3065
|
<span class="TreeLabelNameText">
|
|
3102
3066
|
<span class="TreeLabelNameTextHeadline">Folder 02</span>
|
|
3103
3067
|
</span>
|
|
3104
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
3068
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
|
|
3105
3069
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3106
3070
|
</span>
|
|
3107
3071
|
</span>
|
|
@@ -3115,7 +3079,7 @@ export default TreeOnlyExample;
|
|
|
3115
3079
|
<span class="TreeLabelNameText">
|
|
3116
3080
|
<span class="TreeLabelNameTextHeadline">Folder 03</span>
|
|
3117
3081
|
</span>
|
|
3118
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
3082
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
3119
3083
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3120
3084
|
</span>
|
|
3121
3085
|
</span>
|
|
@@ -3129,7 +3093,7 @@ export default TreeOnlyExample;
|
|
|
3129
3093
|
<span class="TreeLabelNameText">
|
|
3130
3094
|
<span class="TreeLabelNameTextHeadline">Folder 04</span>
|
|
3131
3095
|
</span>
|
|
3132
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
3096
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
3133
3097
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3134
3098
|
</span>
|
|
3135
3099
|
</span>
|