@syncfusion/ej2-vue-pivotview 19.3.57 → 19.4.38

package/styles/pivotview/tailwind.css

@@ -41,7 +41,7 @@
 }
 
 .e-pivotview .e-dropdown-icon::before {
-  content: '\e7c6';
+  content: '\e706';
 }
 
 .e-pivotview .e-export::before {
@@ -186,17 +186,18 @@
 .e-pivotview .e-group-field-settings {
   max-height: 450px !important;
   border-radius: 4px;
-  max-width: 400px;
-  width: auto;
+  max-width: 400px !important;
+  width: auto !important;
 }
 
 .e-pivotview .e-pivot-format-dialog {
   border-radius: 4px;
-  max-width: 400px;
-  width: auto;
+  max-width: 400px !important;
+  width: auto !important;
 }
 
-.e-pivotview .e-value-field-settings .e-field-name-text-wrapper, .e-pivotview .e-value-field-settings .e-field-name-text-container {
+.e-pivotview .e-value-field-settings .e-field-name-text-wrapper,
+.e-pivotview .e-value-field-settings .e-field-name-text-container {
   display: -ms-flexbox;
   display: flex;
 }
@@ -211,9 +212,9 @@
 .e-pivotview .e-value-field-settings .e-field-name-content {
   -ms-flex: auto;
       flex: auto;
-  width: 100%;
   font-size: 13px;
   font-weight: 500;
+  width: 100%;
 }
 
 .e-pivotview .e-value-field-settings .e-caption-input-wrapper,
@@ -310,13 +311,6 @@
   font-size: 16px;
 }
 
-.e-pivotview .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #f9fafb;
-  border-color: transparent;
-  color: #6b7280;
-  outline: none;
-}
-
 .e-pivotview .e-member-editor-dialog .e-member-prompt {
   padding: 15px 12px;
   text-align: center;
@@ -441,6 +435,7 @@
   height: 14px;
   min-width: 14px;
   width: 14px;
+  height: auto;
 }
 
 .e-pivotview .e-member-editor-dialog .e-filter-tab-wrapper .e-tab-header .e-text-wrap .e-tab-icon::before,
@@ -459,7 +454,7 @@
 
 .e-pivotview .e-member-editor-dialog .e-clear-filter-button {
   float: left;
-  margin-left: -10px;
+  margin: 0;
 }
 
 .e-pivotview .e-member-editor-dialog .e-clear-filter-button.e-disable {
@@ -505,7 +500,7 @@
 
 .e-pivotview .e-member-editor-dialog.e-rtl .e-footer-content .e-clear-filter-button {
   float: right;
-  margin-right: -10px;
+  margin: 0;
 }
 
 .e-pivotview .e-member-editor-dialog.e-olap-editor-dialog .e-member-editor-wrapper .e-select-all-wrapper ul,
@@ -572,9 +567,9 @@
 .e-pivotview .e-member-editor-dialog .e-footer-content,
 .e-pivotview .e-pivot-format-dialog .e-footer-content,
 .e-pivotview .e-group-field-settings .e-footer-content {
-  border-radius: 4px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
+  border-radius: 4px;
   padding-bottom: 8px;
   padding-top: 8px;
 }
@@ -640,7 +635,7 @@
 }
 
 .e-pivotview .e-pivotchart-type-dialog {
-  max-width: 350px;
+  max-width: 350px !important;
   max-height: 380px !important;
 }
 
@@ -672,8 +667,8 @@
 }
 
 .e-pivotview .e-pivot-format-dialog {
-  max-height: 500px !important;
-  max-width: 350px;
+  max-height: 550px !important;
+  max-width: 350px !important;
 }
 
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
@@ -699,6 +694,7 @@
 }
 
 .e-pivotview .e-pivot-toolbar {
+  background: #f9fafb;
   border-bottom: 0;
   border-style: solid;
   border-top: 1px solid #e5e7eb;
@@ -706,6 +702,10 @@
   border-right: 1px solid #e5e7eb;
 }
 
+.e-pivotview .e-pivot-toolbar .e-toolbar-items {
+  background: #f9fafb;
+}
+
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -718,7 +718,6 @@
 
 .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
 .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
-  height: 32px;
   overflow: hidden;
   padding-left: 10px;
 }
@@ -728,6 +727,12 @@
   margin-left: 0;
   margin-right: 0;
   font-size: 16px;
+  line-height: 40px;
+}
+
+.e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-caret {
+  line-height: 40px;
 }
 
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
@@ -771,7 +776,7 @@
 }
 
 .e-pivotview-report-dialog {
-  max-width: 350px;
+  max-width: 350px !important;
 }
 
 .e-mdx-query-content {
@@ -787,7 +792,7 @@
 }
 
 .e-pivotview-mdx-dialog {
-  max-width: 500px;
+  max-width: 500px !important;
 }
 
 .e-report-outer {
@@ -840,7 +845,6 @@
 
 .e-drillthrough-dialog .e-drillthrough-body-header-value {
   color: #6b7280;
-  margin-left: 10px;
   margin-right: 20px;
 }
 
@@ -852,11 +856,18 @@
   flex-wrap: wrap;
 }
 
-.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
-.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item,
-.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
-.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
-  height: 42px;
+.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-menu-icon,
+.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-menu-icon {
+  line-height: 50px;
+}
+
+.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-caret,
+.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-caret {
+  line-height: 50px;
 }
 
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
@@ -1015,7 +1026,8 @@
   padding-top: 16px;
 }
 
-.e-bigger .e-pivotview .e-value-field-settings .e-field-name-text-wrapper, .e-bigger .e-pivotview .e-value-field-settings .e-field-name-text-container,
+.e-bigger .e-pivotview .e-value-field-settings .e-field-name-text-wrapper,
+.e-bigger .e-pivotview .e-value-field-settings .e-field-name-text-container,
 .e-bigger.e-pivotview .e-value-field-settings .e-field-name-text-wrapper,
 .e-bigger.e-pivotview .e-value-field-settings .e-field-name-text-container {
   display: -ms-flexbox;
@@ -1027,7 +1039,6 @@
 .e-bigger.e-pivotview .e-value-field-settings .e-field-name-title,
 .e-bigger.e-pivotview .e-value-field-settings .e-field-name-content {
   font-size: 14px;
-  font-size: 13px;
   font-weight: 500;
 }
 
@@ -1093,7 +1104,6 @@
 
 .e-pivotview .e-rowsheader .e-cellvalue {
   margin-left: 10px;
-  vertical-align: super !important;
 }
 
 .e-pivotview .e-valuescontent {
@@ -1137,6 +1147,7 @@
 .e-pivotview .e-rowsheader .e-cellvalue {
   margin-left: 8px;
   margin-top: 5px;
+  vertical-align: middle;
 }
 
 .e-pivotview .e-pivot-conditional-empty-format {
@@ -1216,6 +1227,7 @@
 
 .e-pivotview div.e-cellvalue {
   margin-top: 5px;
+  margin-top: 2px;
 }
 
 .e-pivotview .e-sortfilterdiv {
@@ -1225,11 +1237,9 @@
 
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   margin: 0px !important;
-  padding-bottom: 10px !important;
-  padding-top: 10px !important;
-  margin: -28px -5px !important;
-  padding-bottom: 30px !important;
-  padding-top: 30px !important;
+  padding: 2px 4px !important;
+  padding-bottom: 0px !important;
+  padding-top: 0px !important;
 }
 
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
@@ -1240,10 +1250,6 @@
   border: 1px solid #e5e7eb;
 }
 
-.e-pivotview .e-pivotchart.e-ltr {
-  direction: ltr;
-}
-
 .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
   margin: -18px !important;
@@ -1269,12 +1275,28 @@
   color: #6b7280 !important;
 }
 
+.e-pivotview .sf-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .sf-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
   text-transform: none;
 }
 
+.e-pivotview .sf-grid .e-headercelldiv,
+.e-pivotview .sf-grid .e-columnsheader {
+  padding-right: 8px !important;
+}
+
+.e-pivotview .sf-grid .e-headercelldiv,
+.e-pivotview .sf-grid .e-stackedheadercelldiv {
+  line-height: normal;
+}
+
 .e-pivotview .e-frozenheader > .e-table,
 .e-pivotview .e-frozencontent > .e-table {
   border-left-color: #e5e7eb !important;
@@ -1283,22 +1305,23 @@
   border-right-width: 1px;
 }
 
+.e-pivotview .e-stackedheadercelldiv {
+  display: block;
+}
+
+.e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   padding-left: 8px !important;
   margin-top: 5px;
   margin-top: 2px;
 }
 
-.e-pivotview .e-stackedheadertext.e-cellvalue {
-  margin-top: 3px;
-  padding-left: 8px !important;
-}
-
 .e-pivotview .e-stackedheadercelldiv {
   padding: 0 0 0 1px !important;
 }
 
 .e-pivotview .e-stackedheadercelldiv,
+.e-pivotview .e-stackedheadertext,
 .e-pivotview .e-headertext,
 .e-pivotview .e-rowsheader .e-cellvalue {
   color: #6b7280;
@@ -1307,6 +1330,7 @@
 }
 
 .e-pivotview .e-stackedheadercelldiv .e-hyperlinkcell,
+.e-pivotview .e-stackedheadertext .e-hyperlinkcell,
 .e-pivotview .e-headertext .e-hyperlinkcell,
 .e-pivotview .e-rowsheader .e-cellvalue .e-hyperlinkcell {
   cursor: pointer;
@@ -1407,7 +1431,6 @@
 .e-pivotview .e-group-rows,
 .e-pivotview .e-group-all-fields {
   background: #f9fafb;
-  vertical-align: top;
   display: inline-table;
   -ms-flex: auto;
       flex: auto;
@@ -1416,6 +1439,7 @@
   overflow: hidden;
   padding-left: 8px;
   scroll-behavior: smooth;
+  vertical-align: top;
 }
 
 .e-pivotview .e-group-values.e-drag-restrict,
@@ -1440,6 +1464,8 @@
   position: relative;
   text-align: center;
   vertical-align: middle;
+  font-size: 14px;
+  font-weight: normal;
 }
 
 .e-pivotview .e-grouping-bar .e-pvt-btn-div,
@@ -1512,7 +1538,7 @@
 .e-pivotview .e-group-rows .e-pivot-button:hover .e-pv-filtered,
 .e-pivotview .e-group-rows .e-pivot-button:hover .e-remove,
 .e-pivotview .e-group-rows .e-pivot-button:hover .e-edit {
-  color: #6b7280 !important;
+  color: #6b7280;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button.e-btn-focused,
@@ -1533,7 +1559,7 @@
 .e-pivotview .e-group-rows .e-pivot-button.e-btn-focused .e-pv-filtered,
 .e-pivotview .e-group-rows .e-pivot-button.e-btn-focused .e-remove,
 .e-pivotview .e-group-rows .e-pivot-button.e-btn-focused .e-edit {
-  color: #6b7280 !important;
+  color: #6b7280;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button:focus, .e-pivotview .e-grouping-bar .e-pivot-button:active,
@@ -1566,7 +1592,7 @@
 .e-pivotview .e-group-rows .e-pivot-button:active .e-pv-filtered,
 .e-pivotview .e-group-rows .e-pivot-button:active .e-remove,
 .e-pivotview .e-group-rows .e-pivot-button:active .e-edit {
-  color: #6b7280 !important;
+  color: #6b7280;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-content,
@@ -1589,7 +1615,7 @@
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-draggable,
 .e-pivotview .e-group-rows .e-pivot-button .e-draggable {
-  height: initial;
+  height: initial !important;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-drag,
@@ -1609,7 +1635,7 @@
 .e-pivotview .e-group-rows .e-pivot-button .e-pv-filtered,
 .e-pivotview .e-group-rows .e-pivot-button .e-remove,
 .e-pivotview .e-group-rows .e-pivot-button .e-edit {
-  color: #6b7280 !important;
+  color: #6b7280;
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
@@ -1630,7 +1656,7 @@
 .e-pivotview .e-group-rows .e-pivot-button .e-pv-filtered:hover,
 .e-pivotview .e-group-rows .e-pivot-button .e-remove:hover,
 .e-pivotview .e-group-rows .e-pivot-button .e-edit:hover {
-  color: #6b7280 !important;
+  color: #6b7280;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-disable,
@@ -1845,7 +1871,7 @@
   padding-bottom: 7px;
 }
 
-.e-pivotview .e-icons:not(.e-frame) {
+.e-pivotview .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag) {
   height: auto;
   width: auto;
 }
@@ -1863,6 +1889,7 @@
   text-align: center;
   width: 18px;
   margin-top: 0;
+  vertical-align: middle;
 }
 
 .e-pivotview th .e-expand,
@@ -1870,8 +1897,7 @@
   float: left;
   font-size: 10px !important;
   margin-left: 0px;
-  margin-top: 8px;
-  margin-top: 2px !important;
+  margin-top: 1px;
 }
 
 .e-pivotview .e-expand::before {
@@ -2037,7 +2063,7 @@
 }
 
 .e-pivottooltip {
-  border-radius: 2px;
+  border-radius: 4px;
   padding: 3px 4px;
 }
 
@@ -2120,14 +2146,23 @@
 }
 
 .e-bigger .e-pivotview .e-stackedheadercelldiv,
+.e-bigger .e-pivotview .e-stackedheadertext,
 .e-bigger .e-pivotview .e-headertext,
 .e-bigger .e-pivotview .e-rowsheader .e-cellvalue,
 .e-bigger.e-pivotview .e-stackedheadercelldiv,
+.e-bigger.e-pivotview .e-stackedheadertext,
 .e-bigger.e-pivotview .e-headertext,
 .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
   font-size: 14px !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: 1px;
+}
+
 .e-bigger .e-pivotview .e-grouping-bar .e-all-fields-axis,
 .e-bigger.e-pivotview .e-grouping-bar .e-all-fields-axis {
   height: 36px !important;
@@ -2203,6 +2238,19 @@
   padding-left: 10px;
 }
 
+.e-bigger .e-pivotview .e-grouping-bar .e-group-filters .e-draggable-prompt,
+.e-bigger .e-pivotview .e-grouping-bar .e-group-values .e-draggable-prompt,
+.e-bigger .e-pivotview .e-grouping-bar .e-group-columns .e-draggable-prompt,
+.e-bigger .e-pivotview .e-grouping-bar .e-group-rows .e-draggable-prompt,
+.e-bigger .e-pivotview .e-grouping-bar .e-group-all-fields .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-filters .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-values .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-columns .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-rows .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-all-fields .e-draggable-prompt {
+  font-size: 16px;
+}
+
 .e-bigger .e-pivotview .e-grouping-bar .e-group-values,
 .e-bigger.e-pivotview .e-grouping-bar .e-group-values {
   height: 100%;
@@ -2308,9 +2356,11 @@
 }
 
 .e-bigger .e-pivotview .e-stackedheadercelldiv,
+.e-bigger .e-pivotview .e-stackedheadertext,
 .e-bigger .e-pivotview .e-headertext,
 .e-bigger .e-pivotview .e-rowsheader .e-cellvalue,
 .e-bigger.e-pivotview .e-stackedheadercelldiv,
+.e-bigger.e-pivotview .e-stackedheadertext,
 .e-bigger.e-pivotview .e-headertext,
 .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
   color: #6b7280 !important;