logitude-dashboard-library 3.2.64 → 3.2.66
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/assets/styles/dl-dashboard.scss +157 -7
- package/dist/features/Dashboard/ChartsComponents/CustomCharts/PivotAgGridSupport.d.ts +14 -0
- package/dist/index.js +985 -694
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +985 -694
- package/dist/index.modern.js.map +1 -1
- package/dist/styles/dl-dashboard.scss +157 -7
- package/package.json +1 -1
|
@@ -926,23 +926,71 @@ $dark-grey: #717585;
|
|
|
926
926
|
font-family: "Manrope", sans-serif;
|
|
927
927
|
}
|
|
928
928
|
|
|
929
|
+
/* Match DevExtreme pivot typography / colors (custom DX overrides above). */
|
|
930
|
+
.dl-ag-pivot-grid.ag-theme-balham {
|
|
931
|
+
font-family: "Manrope", sans-serif;
|
|
932
|
+
font-size: 12px;
|
|
933
|
+
color: #46494A;
|
|
934
|
+
--ag-font-family: "Manrope", sans-serif;
|
|
935
|
+
--ag-font-size: 12px;
|
|
936
|
+
--ag-foreground-color: #46494A;
|
|
937
|
+
--ag-secondary-foreground-color: #46494A;
|
|
938
|
+
--ag-disabled-foreground-color: #46494A;
|
|
939
|
+
--ag-header-foreground-color: #222222;
|
|
940
|
+
--ag-header-background-color: #ffffff;
|
|
941
|
+
--ag-background-color: #ffffff;
|
|
942
|
+
--ag-odd-row-background-color: #ffffff;
|
|
943
|
+
--ag-selected-row-background-color: rgba(221, 221, 221, 0.35);
|
|
944
|
+
--ag-row-hover-color: rgba(221, 221, 221, 0.15);
|
|
945
|
+
--ag-border-color: #DFE1E3;
|
|
946
|
+
--ag-row-border-color: #DFE1E3;
|
|
947
|
+
--ag-header-column-separator-color: #DFE1E3;
|
|
948
|
+
--ag-header-column-resize-handle-color: #DFE1E3;
|
|
949
|
+
}
|
|
950
|
+
|
|
929
951
|
.dl-ag-pivot-grid .ag-root-wrapper {
|
|
930
|
-
border: 1px solid #
|
|
952
|
+
border: 1px solid #DFE1E3;
|
|
953
|
+
font-family: "Manrope", sans-serif;
|
|
931
954
|
}
|
|
932
955
|
|
|
933
956
|
.dl-ag-pivot-grid {
|
|
934
|
-
--ag-border-color: #
|
|
935
|
-
--ag-row-border-color: #
|
|
957
|
+
--ag-border-color: #DFE1E3;
|
|
958
|
+
--ag-row-border-color: #DFE1E3;
|
|
959
|
+
--ag-header-column-separator-color: #DFE1E3;
|
|
960
|
+
--ag-header-column-resize-handle-color: #DFE1E3;
|
|
936
961
|
--ag-header-background-color: #ffffff;
|
|
937
962
|
}
|
|
938
963
|
|
|
964
|
+
/* Force every Ag Grid structural border to the same color. */
|
|
965
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-root-wrapper,
|
|
966
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-root,
|
|
967
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header,
|
|
968
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header-row,
|
|
969
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header-cell,
|
|
970
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header-group-cell,
|
|
971
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-pinned-left-header,
|
|
972
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-pinned-right-header,
|
|
973
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-row,
|
|
974
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-cell,
|
|
975
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-body-viewport,
|
|
976
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-center-cols-viewport,
|
|
977
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-center-cols-container,
|
|
978
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-floating-top,
|
|
979
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-floating-bottom,
|
|
980
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-side-bar,
|
|
981
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-status-bar {
|
|
982
|
+
border-color: #DFE1E3 !important;
|
|
983
|
+
}
|
|
984
|
+
|
|
939
985
|
.dl-ag-pivot-grid.ag-theme-balham .ag-header {
|
|
940
986
|
background-color: #ffffff !important;
|
|
987
|
+
font-family: "Manrope", sans-serif;
|
|
988
|
+
color: #222222;
|
|
941
989
|
}
|
|
942
990
|
|
|
943
991
|
.dl-ag-pivot-grid.ag-theme-balham .ag-header-cell,
|
|
944
992
|
.dl-ag-pivot-grid.ag-theme-balham .ag-header-group-cell {
|
|
945
|
-
font-family: "Manrope";
|
|
993
|
+
font-family: "Manrope", sans-serif;
|
|
946
994
|
font-size: 12px;
|
|
947
995
|
font-weight: 600;
|
|
948
996
|
text-align: center;
|
|
@@ -950,29 +998,73 @@ $dark-grey: #717585;
|
|
|
950
998
|
background-color: #ffffff !important;
|
|
951
999
|
}
|
|
952
1000
|
|
|
1001
|
+
/* Balham defaults height:50% / inset top — force full-height separators. */
|
|
1002
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header-cell::after,
|
|
1003
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header-group-cell::after {
|
|
1004
|
+
height: 100%;
|
|
1005
|
+
top: 0;
|
|
1006
|
+
background-color: #DFE1E3;
|
|
1007
|
+
}
|
|
1008
|
+
|
|
1009
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header-cell-text,
|
|
1010
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header-group-text,
|
|
1011
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header-cell-label,
|
|
1012
|
+
.dl-ag-pivot-grid.ag-theme-balham .ag-header-group-cell-label {
|
|
1013
|
+
font-family: "Manrope", sans-serif;
|
|
1014
|
+
font-size: 12px;
|
|
1015
|
+
font-weight: 600;
|
|
1016
|
+
color: #222222 !important;
|
|
1017
|
+
}
|
|
1018
|
+
|
|
953
1019
|
.dl-ag-pivot-grid .ag-header-cell[col-id^="ag-Grid-AutoColumn"] {
|
|
954
1020
|
text-align: left;
|
|
955
1021
|
}
|
|
956
1022
|
|
|
1023
|
+
.dl-ag-pivot-grid .ag-header-cell[col-id^="ag-Grid-AutoColumn"] .ag-header-cell-text,
|
|
1024
|
+
.dl-ag-pivot-grid .ag-header-cell[col-id^="ag-Grid-AutoColumn"] .ag-header-cell-label {
|
|
1025
|
+
text-align: left;
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
/* Column grand totals — match DevExtreme .dx-grandtotal */
|
|
957
1029
|
.dl-ag-pivot-grid .ag-header-cell[col-id^="PivotRowTotal_"],
|
|
958
1030
|
.dl-ag-pivot-grid .ag-header-group-cell.dl-pivot-row-grand-total-group-header,
|
|
959
1031
|
.dl-ag-pivot-grid .ag-header-group-cell.dl-pivot-row-grand-total-group-header-sibling {
|
|
960
1032
|
background-color: #f5f5f5 !important;
|
|
961
1033
|
}
|
|
962
1034
|
|
|
1035
|
+
.dl-ag-pivot-grid .ag-cell[col-id^="PivotRowTotal_"] {
|
|
1036
|
+
background-color: #f5f5f5 !important;
|
|
1037
|
+
}
|
|
1038
|
+
|
|
963
1039
|
.dl-ag-pivot-grid.ag-theme-balham .ag-cell {
|
|
964
1040
|
border: none !important;
|
|
965
|
-
border-right: 1px solid #
|
|
1041
|
+
border-right: 1px solid #DFE1E3 !important;
|
|
966
1042
|
}
|
|
967
1043
|
|
|
968
1044
|
.dl-ag-pivot-grid.ag-theme-balham .ag-row {
|
|
969
|
-
border-bottom: 1px solid #
|
|
1045
|
+
border-bottom: 1px solid #DFE1E3 !important;
|
|
1046
|
+
background-color: #ffffff;
|
|
970
1047
|
}
|
|
971
1048
|
|
|
972
1049
|
.dl-ag-pivot-grid .dl-ag-pivot-data-cell,
|
|
973
1050
|
.dl-ag-pivot-grid .ag-cell.dl-ag-pivot-data-cell {
|
|
974
1051
|
text-align: right !important;
|
|
975
1052
|
cursor: pointer;
|
|
1053
|
+
font-family: "Manrope", sans-serif;
|
|
1054
|
+
font-size: 12px;
|
|
1055
|
+
font-weight: 500;
|
|
1056
|
+
color: #46494A;
|
|
1057
|
+
}
|
|
1058
|
+
|
|
1059
|
+
.dl-ag-pivot-grid .dl-pivot-date-data-cell,
|
|
1060
|
+
.dl-ag-pivot-grid .ag-cell.dl-pivot-date-data-cell {
|
|
1061
|
+
text-align: left !important;
|
|
1062
|
+
justify-content: flex-start;
|
|
1063
|
+
}
|
|
1064
|
+
|
|
1065
|
+
.pivot-grid-element:not(.dl-ag-pivot-grid) .dx-pivotgrid-area-data tbody td.dl-pivot-date-data-cell,
|
|
1066
|
+
.pivot-grid-element:not(.dl-ag-pivot-grid) .dx-pivotgrid-area-data tbody td.dl-pivot-date-data-cell > span {
|
|
1067
|
+
text-align: left !important;
|
|
976
1068
|
}
|
|
977
1069
|
|
|
978
1070
|
.dl-ag-pivot-grid .dl-ag-pivot-row-label-cell,
|
|
@@ -980,11 +1072,27 @@ $dark-grey: #717585;
|
|
|
980
1072
|
text-align: left !important;
|
|
981
1073
|
justify-content: flex-start;
|
|
982
1074
|
background-color: #ffffff;
|
|
1075
|
+
font-family: "Manrope", sans-serif;
|
|
1076
|
+
font-size: 12px;
|
|
1077
|
+
font-weight: 500;
|
|
1078
|
+
color: #46494A;
|
|
1079
|
+
}
|
|
1080
|
+
|
|
1081
|
+
/* Parent row headers — match DevExtreme vertical-headers td div>span (weight 600) */
|
|
1082
|
+
.dl-ag-pivot-grid .ag-row-group.ag-row-group-expanded .dl-ag-pivot-row-label-cell,
|
|
1083
|
+
.dl-ag-pivot-grid .ag-row-group.ag-row-group-contracted .dl-ag-pivot-row-label-cell,
|
|
1084
|
+
.dl-ag-pivot-grid .ag-row-group.ag-row-group-expanded .ag-cell.dl-ag-pivot-row-label-cell,
|
|
1085
|
+
.dl-ag-pivot-grid .ag-row-group.ag-row-group-contracted .ag-cell.dl-ag-pivot-row-label-cell {
|
|
1086
|
+
font-weight: 600 !important;
|
|
1087
|
+
color: #46494A !important;
|
|
983
1088
|
}
|
|
984
1089
|
|
|
985
1090
|
.dl-ag-pivot-grid .ag-row-footer .ag-cell,
|
|
986
1091
|
.dl-ag-pivot-grid .ag-row-group-footer .ag-cell {
|
|
1092
|
+
font-family: "Manrope", sans-serif;
|
|
1093
|
+
font-size: 12px;
|
|
987
1094
|
font-weight: 500;
|
|
1095
|
+
color: #46494A;
|
|
988
1096
|
}
|
|
989
1097
|
|
|
990
1098
|
.dl-ag-pivot-grid .ag-row-footer .dl-ag-pivot-row-label-cell,
|
|
@@ -993,13 +1101,21 @@ $dark-grey: #717585;
|
|
|
993
1101
|
}
|
|
994
1102
|
|
|
995
1103
|
.dl-ag-pivot-grid .ag-cell {
|
|
996
|
-
font-family: "Manrope";
|
|
1104
|
+
font-family: "Manrope", sans-serif;
|
|
997
1105
|
font-size: 12px;
|
|
998
1106
|
font-weight: 500;
|
|
999
1107
|
color: #46494A;
|
|
1000
1108
|
padding: 6px 8px 5px 8px;
|
|
1001
1109
|
}
|
|
1002
1110
|
|
|
1111
|
+
.dl-ag-pivot-grid .ag-cell-value,
|
|
1112
|
+
.dl-ag-pivot-grid .ag-group-value,
|
|
1113
|
+
.dl-ag-pivot-grid .ag-group-child-count {
|
|
1114
|
+
font-family: "Manrope", sans-serif;
|
|
1115
|
+
font-size: 12px;
|
|
1116
|
+
color: #46494A;
|
|
1117
|
+
}
|
|
1118
|
+
|
|
1003
1119
|
.dl-ag-pivot-grid .ag-row-group .ag-cell {
|
|
1004
1120
|
text-align: left;
|
|
1005
1121
|
background-color: #ffffff;
|
|
@@ -1009,8 +1125,38 @@ $dark-grey: #717585;
|
|
|
1009
1125
|
text-align: left;
|
|
1010
1126
|
}
|
|
1011
1127
|
|
|
1128
|
+
/*
|
|
1129
|
+
* Ag Grid paints cell backgrounds, not the row. Footer row bg alone is invisible.
|
|
1130
|
+
* Match DevExtreme totals across the full total row (row label + measure cells).
|
|
1131
|
+
*/
|
|
1012
1132
|
.dl-ag-pivot-grid .ag-row-footer,
|
|
1013
1133
|
.dl-ag-pivot-grid .ag-row-group-footer {
|
|
1134
|
+
background-color: #dddddd33 !important;
|
|
1135
|
+
}
|
|
1136
|
+
|
|
1137
|
+
.dl-ag-pivot-grid .ag-row-footer .ag-cell,
|
|
1138
|
+
.dl-ag-pivot-grid .ag-row-group-footer .ag-cell,
|
|
1139
|
+
.dl-ag-pivot-grid .ag-row-footer .dl-ag-pivot-row-label-cell,
|
|
1140
|
+
.dl-ag-pivot-grid .ag-row-group-footer .dl-ag-pivot-row-label-cell,
|
|
1141
|
+
.dl-ag-pivot-grid .ag-row-footer .dl-ag-pivot-data-cell,
|
|
1142
|
+
.dl-ag-pivot-grid .ag-row-group-footer .dl-ag-pivot-data-cell,
|
|
1143
|
+
.dl-ag-pivot-grid .ag-row-footer .ag-cell.dl-ag-pivot-row-label-cell,
|
|
1144
|
+
.dl-ag-pivot-grid .ag-row-group-footer .ag-cell.dl-ag-pivot-row-label-cell,
|
|
1145
|
+
.dl-ag-pivot-grid .ag-row-footer .ag-cell.dl-ag-pivot-data-cell,
|
|
1146
|
+
.dl-ag-pivot-grid .ag-row-group-footer .ag-cell.dl-ag-pivot-data-cell {
|
|
1147
|
+
background-color: #dddddd33 !important;
|
|
1148
|
+
}
|
|
1149
|
+
|
|
1150
|
+
/* Grand Total row */
|
|
1151
|
+
.dl-ag-pivot-grid .ag-row-footer.ag-row-level--1 {
|
|
1152
|
+
background-color: #f5f5f5 !important;
|
|
1153
|
+
}
|
|
1154
|
+
|
|
1155
|
+
.dl-ag-pivot-grid .ag-row-footer.ag-row-level--1 .ag-cell,
|
|
1156
|
+
.dl-ag-pivot-grid .ag-row-footer.ag-row-level--1 .dl-ag-pivot-row-label-cell,
|
|
1157
|
+
.dl-ag-pivot-grid .ag-row-footer.ag-row-level--1 .dl-ag-pivot-data-cell,
|
|
1158
|
+
.dl-ag-pivot-grid .ag-row-footer.ag-row-level--1 .ag-cell.dl-ag-pivot-row-label-cell,
|
|
1159
|
+
.dl-ag-pivot-grid .ag-row-footer.ag-row-level--1 .ag-cell.dl-ag-pivot-data-cell {
|
|
1014
1160
|
background-color: #f5f5f5 !important;
|
|
1015
1161
|
}
|
|
1016
1162
|
|
|
@@ -1022,6 +1168,10 @@ $dark-grey: #717585;
|
|
|
1022
1168
|
visibility: hidden;
|
|
1023
1169
|
}
|
|
1024
1170
|
|
|
1171
|
+
.dl-ag-pivot-grid .ag-icon {
|
|
1172
|
+
color: #46494A;
|
|
1173
|
+
}
|
|
1174
|
+
|
|
1025
1175
|
.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
|
|
1026
1176
|
background-color: rgba(191, 191, 191, .7);
|
|
1027
1177
|
}
|