logitude-dashboard-library 3.2.65 → 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 +146 -7
- package/dist/features/Dashboard/ChartsComponents/CustomCharts/PivotAgGridSupport.d.ts +1 -0
- package/dist/index.js +53 -22
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +53 -22
- package/dist/index.modern.js.map +1 -1
- package/dist/styles/dl-dashboard.scss +146 -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,62 @@ $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;
|
|
976
1057
|
}
|
|
977
1058
|
|
|
978
1059
|
.dl-ag-pivot-grid .dl-pivot-date-data-cell,
|
|
@@ -991,11 +1072,27 @@ $dark-grey: #717585;
|
|
|
991
1072
|
text-align: left !important;
|
|
992
1073
|
justify-content: flex-start;
|
|
993
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;
|
|
994
1088
|
}
|
|
995
1089
|
|
|
996
1090
|
.dl-ag-pivot-grid .ag-row-footer .ag-cell,
|
|
997
1091
|
.dl-ag-pivot-grid .ag-row-group-footer .ag-cell {
|
|
1092
|
+
font-family: "Manrope", sans-serif;
|
|
1093
|
+
font-size: 12px;
|
|
998
1094
|
font-weight: 500;
|
|
1095
|
+
color: #46494A;
|
|
999
1096
|
}
|
|
1000
1097
|
|
|
1001
1098
|
.dl-ag-pivot-grid .ag-row-footer .dl-ag-pivot-row-label-cell,
|
|
@@ -1004,13 +1101,21 @@ $dark-grey: #717585;
|
|
|
1004
1101
|
}
|
|
1005
1102
|
|
|
1006
1103
|
.dl-ag-pivot-grid .ag-cell {
|
|
1007
|
-
font-family: "Manrope";
|
|
1104
|
+
font-family: "Manrope", sans-serif;
|
|
1008
1105
|
font-size: 12px;
|
|
1009
1106
|
font-weight: 500;
|
|
1010
1107
|
color: #46494A;
|
|
1011
1108
|
padding: 6px 8px 5px 8px;
|
|
1012
1109
|
}
|
|
1013
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
|
+
|
|
1014
1119
|
.dl-ag-pivot-grid .ag-row-group .ag-cell {
|
|
1015
1120
|
text-align: left;
|
|
1016
1121
|
background-color: #ffffff;
|
|
@@ -1020,8 +1125,38 @@ $dark-grey: #717585;
|
|
|
1020
1125
|
text-align: left;
|
|
1021
1126
|
}
|
|
1022
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
|
+
*/
|
|
1023
1132
|
.dl-ag-pivot-grid .ag-row-footer,
|
|
1024
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 {
|
|
1025
1160
|
background-color: #f5f5f5 !important;
|
|
1026
1161
|
}
|
|
1027
1162
|
|
|
@@ -1033,6 +1168,10 @@ $dark-grey: #717585;
|
|
|
1033
1168
|
visibility: hidden;
|
|
1034
1169
|
}
|
|
1035
1170
|
|
|
1171
|
+
.dl-ag-pivot-grid .ag-icon {
|
|
1172
|
+
color: #46494A;
|
|
1173
|
+
}
|
|
1174
|
+
|
|
1036
1175
|
.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
|
|
1037
1176
|
background-color: rgba(191, 191, 191, .7);
|
|
1038
1177
|
}
|