@syncfusion/ej2-vue-pivotview 22.2.12 → 23.1.38

package/styles/pivotview/bootstrap5-dark.css

@@ -158,6 +158,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -631,6 +633,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #282d31;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -901,7 +906,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -912,6 +916,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -919,6 +925,7 @@
 .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
   overflow: hidden;
   text-overflow: ellipsis;
+  width: 100%;
 }
 .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
   -ms-flex-align: center;
@@ -957,14 +964,23 @@
   -ms-user-select: none;
   user-select: none;
 }
+.e-pivotview .e-grid .e-content-virtualtable {
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
+}
 .e-pivotview .e-gtot,
 .e-pivotview .e-gtot.e-rowsheader,
 .e-pivotview .e-gtot.e-columnsheader,
 .e-pivotview .e-grid .e-content,
-.e-pivotview .e-grid .e-gridheader,
-.e-pivotview .e-headercell {
+.e-pivotview .e-grid .e-gridheader {
   background: #282d31;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #282d31 !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
   border-bottom-color: #444c54;
@@ -1058,9 +1074,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 2px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
   font-size: 12px !important;
@@ -1071,10 +1084,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
+  margin: -16px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
   margin: 6px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+  margin: 0 !important;
   margin-left: auto !important;
-  margin-top: 2px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -5px 0 !important;
@@ -1112,9 +1132,26 @@
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
+  /* stylelint-enable */
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
+  position: absolute;
+  z-index: 10;
+  color: #0d6efd;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+  pointer-events: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
+  display: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
+  visibility: hidden;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
+  /* stylelint-disable */
   padding-left: 8px !important;
   padding-top: 0px !important;
   padding-bottom: 0px !important;
@@ -1137,6 +1174,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #495057 !important;
+  border-right-color: #495057 !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #282d31;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1144,9 +1189,6 @@
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   display: inline-block;
   padding-left: 12px !important;
-  margin-top: 5px;
-  margin-top: 2px;
-  padding-left: 8px !important;
 }
 .e-pivotview .e-stackedheadercelldiv {
   padding: 0 0 0 1px !important;
@@ -1492,6 +1534,11 @@
 .e-pivotview .e-group-columns {
   width: 100%;
 }
+.e-pivotview th.e-group-row .e-axis-row {
+  display: inline-block;
+  height: 100%;
+  vertical-align: top;
+}
 .e-pivotview .e-group-row {
   padding: 0 !important;
 }
@@ -1644,8 +1691,6 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 0;
-  margin-bottom: 2px;
   text-align: center;
   width: 18px;
   vertical-align: middle;
@@ -1653,9 +1698,7 @@
 .e-pivotview th .e-expand,
 .e-pivotview th .e-collapse {
   font-size: 10px !important;
-  margin-left: 0px;
-  margin-top: 0;
-  margin-bottom: 2px;
+  margin-left: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 20px;
@@ -2019,6 +2062,10 @@
   border-left-width: 1px;
   border-right: 0;
 }
+.e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+  border-right: 0;
+}
 .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
   margin-left: 0;
   margin-right: 7px;
@@ -2251,12 +2298,6 @@
 .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
   padding-left: 16px !important;
 }
-.e-bigger .e-pivotview th .e-expand,
-.e-bigger .e-pivotview th .e-collapse,
-.e-bigger.e-pivotview th .e-expand,
-.e-bigger.e-pivotview th .e-collapse {
-  margin-top: 0;
-}
 .e-bigger .e-pivotview .e-grouping-bar,
 .e-bigger.e-pivotview .e-grouping-bar {
   /* stylelint-enable */

package/styles/pivotview/bootstrap5.css

@@ -160,6 +160,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -633,6 +635,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #f8f9fa;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -903,7 +908,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -914,6 +918,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -921,6 +927,7 @@
 .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
   overflow: hidden;
   text-overflow: ellipsis;
+  width: 100%;
 }
 .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
   -ms-flex-align: center;
@@ -959,14 +966,23 @@
   -ms-user-select: none;
   user-select: none;
 }
+.e-pivotview .e-grid .e-content-virtualtable {
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
+}
 .e-pivotview .e-gtot,
 .e-pivotview .e-gtot.e-rowsheader,
 .e-pivotview .e-gtot.e-columnsheader,
 .e-pivotview .e-grid .e-content,
-.e-pivotview .e-grid .e-gridheader,
-.e-pivotview .e-headercell {
+.e-pivotview .e-grid .e-gridheader {
   background: #f8f9fa;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #f8f9fa !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
   border-bottom-color: #dee2e6;
@@ -1060,9 +1076,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 2px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
   font-size: 12px !important;
@@ -1073,10 +1086,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
+  margin: -16px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
   margin: 6px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+  margin: 0 !important;
   margin-left: auto !important;
-  margin-top: 2px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -5px 0 !important;
@@ -1114,9 +1134,26 @@
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
+  /* stylelint-enable */
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
+  position: absolute;
+  z-index: 10;
+  color: #0d6efd;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+  pointer-events: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
+  display: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
+  visibility: hidden;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
+  /* stylelint-disable */
   padding-left: 8px !important;
   padding-top: 0px !important;
   padding-bottom: 0px !important;
@@ -1139,6 +1176,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #dee2e6 !important;
+  border-right-color: #dee2e6 !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #f8f9fa;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1146,9 +1191,6 @@
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   display: inline-block;
   padding-left: 12px !important;
-  margin-top: 5px;
-  margin-top: 2px;
-  padding-left: 8px !important;
 }
 .e-pivotview .e-stackedheadercelldiv {
   padding: 0 0 0 1px !important;
@@ -1494,6 +1536,11 @@
 .e-pivotview .e-group-columns {
   width: 100%;
 }
+.e-pivotview th.e-group-row .e-axis-row {
+  display: inline-block;
+  height: 100%;
+  vertical-align: top;
+}
 .e-pivotview .e-group-row {
   padding: 0 !important;
 }
@@ -1646,8 +1693,6 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 0;
-  margin-bottom: 2px;
   text-align: center;
   width: 18px;
   vertical-align: middle;
@@ -1655,9 +1700,7 @@
 .e-pivotview th .e-expand,
 .e-pivotview th .e-collapse {
   font-size: 10px !important;
-  margin-left: 0px;
-  margin-top: 0;
-  margin-bottom: 2px;
+  margin-left: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 20px;
@@ -2021,6 +2064,10 @@
   border-left-width: 1px;
   border-right: 0;
 }
+.e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+  border-right: 0;
+}
 .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
   margin-left: 0;
   margin-right: 7px;
@@ -2253,12 +2300,6 @@
 .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
   padding-left: 16px !important;
 }
-.e-bigger .e-pivotview th .e-expand,
-.e-bigger .e-pivotview th .e-collapse,
-.e-bigger.e-pivotview th .e-expand,
-.e-bigger.e-pivotview th .e-collapse {
-  margin-top: 0;
-}
 .e-bigger .e-pivotview .e-grouping-bar,
 .e-bigger.e-pivotview .e-grouping-bar {
   /* stylelint-enable */

package/styles/pivotview/fabric-dark.css

@@ -161,6 +161,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -630,6 +632,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #282727;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -904,7 +909,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -915,6 +919,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -922,6 +928,7 @@
 .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
   overflow: hidden;
   text-overflow: ellipsis;
+  width: 100%;
 }
 .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
   -ms-flex-align: center;
@@ -960,14 +967,23 @@
   -ms-user-select: none;
   user-select: none;
 }
+.e-pivotview .e-grid .e-content-virtualtable {
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
+}
 .e-pivotview .e-gtot,
 .e-pivotview .e-gtot.e-rowsheader,
 .e-pivotview .e-gtot.e-columnsheader,
 .e-pivotview .e-grid .e-content,
-.e-pivotview .e-grid .e-gridheader,
-.e-pivotview .e-headercell {
+.e-pivotview .e-grid .e-gridheader {
   background: #282727;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #282727 !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
 }
@@ -1060,9 +1076,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 5px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
 }
@@ -1072,10 +1085,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
+  margin: -15px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
   margin: 2px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+  margin: 0 !important;
   margin-left: auto !important;
-  margin-top: 5px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -5px 0 !important;
@@ -1110,9 +1130,26 @@
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
+  /* stylelint-enable */
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
+  position: absolute;
+  z-index: 10;
+  color: #0074cc;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+  pointer-events: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
+  display: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
+  visibility: hidden;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
+  /* stylelint-disable */
   padding-left: 8px !important;
 }
 .e-pivotview .sf-grid .e-spinner-pane {
@@ -1133,6 +1170,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #414040 !important;
+  border-right-color: #414040 !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #282727;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1140,9 +1185,6 @@
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   display: inline-block;
   padding-left: 12px !important;
-  margin-top: 5px;
-  margin-top: 2px;
-  padding-left: 8px !important;
 }
 .e-pivotview .e-stackedheadercelldiv {
   padding: 0 0 0 1px !important;
@@ -1484,6 +1526,11 @@
 .e-pivotview .e-group-columns {
   width: 100%;
 }
+.e-pivotview th.e-group-row .e-axis-row {
+  display: inline-block;
+  height: 100%;
+  vertical-align: top;
+}
 .e-pivotview .e-group-row {
   padding: 0 !important;
 }
@@ -1636,17 +1683,13 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 5px;
-  margin-bottom: 0;
   text-align: center;
   width: 18px;
 }
 .e-pivotview th .e-expand,
 .e-pivotview th .e-collapse {
   font-size: 10px !important;
-  margin-left: 0px;
-  margin-top: 7px;
-  margin-bottom: 0;
+  margin-left: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 10px;
@@ -2011,6 +2054,10 @@
   border-left-width: 1px;
   border-right: 0;
 }
+.e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+  border-right: 0;
+}
 .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
   margin-left: 0;
   margin-right: 7px;
@@ -2243,12 +2290,6 @@
 .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
   padding-left: 16px !important;
 }
-.e-bigger .e-pivotview th .e-expand,
-.e-bigger .e-pivotview th .e-collapse,
-.e-bigger.e-pivotview th .e-expand,
-.e-bigger.e-pivotview th .e-collapse {
-  margin-top: 7px;
-}
 .e-bigger .e-pivotview .e-grouping-bar,
 .e-bigger.e-pivotview .e-grouping-bar {
   /* stylelint-enable */