@syncfusion/ej2-vue-pivotview 19.3.53 → 19.4.40

package/styles/bootstrap4.css

@@ -23,8 +23,8 @@
 }
 
 .e-pivotview .e-pv-filtered::before {
-  content: '\e775';
   color: #007bff;
+  content: '\e775';
 }
 
 .e-pivotview .e-remove::before {
@@ -185,17 +185,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;
 }
@@ -210,9 +211,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,
@@ -476,7 +477,6 @@
 
 .e-pivotview .e-member-editor-dialog .e-clear-filter-button {
   float: left;
-  margin-left: -10px;
   margin: 0;
 }
 
@@ -523,7 +523,6 @@
 
 .e-pivotview .e-member-editor-dialog.e-rtl .e-footer-content .e-clear-filter-button {
   float: right;
-  margin-right: -10px;
   margin: 0;
 }
 
@@ -591,9 +590,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;
 }
@@ -658,7 +657,7 @@
 }
 
 .e-pivotview .e-pivotchart-type-dialog {
-  max-width: 350px;
+  max-width: 350px !important;
   max-height: 380px !important;
 }
 
@@ -690,8 +689,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 {
@@ -715,6 +714,7 @@
 }
 
 .e-pivotview .e-pivot-toolbar {
+  background: #f2f4f6;
   border-bottom: 0;
   border-style: solid;
   border-top: 1px solid #dee2e6;
@@ -722,6 +722,10 @@
   border-right: 1px solid #dee2e6;
 }
 
+.e-pivotview .e-pivot-toolbar .e-toolbar-items {
+  background: #f2f4f6;
+}
+
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -810,7 +814,7 @@
 }
 
 .e-pivotview-report-dialog {
-  max-width: 350px;
+  max-width: 350px !important;
 }
 
 .e-mdx-query-content {
@@ -826,7 +830,7 @@
 }
 
 .e-pivotview-mdx-dialog {
-  max-width: 500px;
+  max-width: 500px !important;
 }
 
 .e-report-outer {
@@ -879,7 +883,6 @@
 
 .e-drillthrough-dialog .e-drillthrough-body-header-value {
   color: #212529;
-  margin-left: 10px;
   margin-right: 20px;
 }
 
@@ -1063,7 +1066,8 @@
   padding-top: 0;
 }
 
-.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;
@@ -1075,7 +1079,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;
 }
 
@@ -1196,12 +1199,12 @@
 }
 
 .e-pivotview .e-member-editor-dialog .e-toolbar .e-toolbar-items {
-  margin-left: 0px;
+  margin-left: 0;
 }
 
 .e-pivotview .e-member-editor-dialog .e-rtl.e-toolbar .e-toolbar-items {
   margin-left: 0;
-  margin-right: 0px;
+  margin-right: 0;
 }
 
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
@@ -1274,19 +1277,15 @@
 
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   margin: 0px !important;
-  padding-bottom: 10px !important;
-  padding-top: 10px !important;
-  padding: 5px !important;
+  padding: 2px 4px !important;
+  padding-bottom: 3px !important;
+  padding-top: 3px !important;
 }
 
 .e-pivotview .e-pivotchart > svg, .e-pivotview .e-pivotchart-inner > svg {
   border: 1px solid #dee2e6;
 }
 
-.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: -30px -15px !important;
@@ -1315,11 +1314,27 @@
   color: #495057 !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;
 }
 
+.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: #dee2e6 !important;
@@ -1328,14 +1343,14 @@
   border-right-width: 1px;
 }
 
-.e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  padding-left: 8px !important;
-  margin-top: 5px;
+.e-pivotview .e-stackedheadercelldiv {
+  display: block;
 }
 
-.e-pivotview .e-stackedheadertext.e-cellvalue {
-  margin-top: 4px;
+.e-pivotview .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   padding-left: 8px !important;
+  margin-top: 5px;
 }
 
 .e-pivotview .e-headercelldiv.e-cellvalue {
@@ -1347,6 +1362,7 @@
 }
 
 .e-pivotview .e-stackedheadercelldiv,
+.e-pivotview .e-stackedheadertext,
 .e-pivotview .e-headertext,
 .e-pivotview .e-rowsheader .e-cellvalue {
   color: #212529;
@@ -1355,6 +1371,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;
@@ -1456,7 +1473,6 @@
 .e-pivotview .e-group-rows,
 .e-pivotview .e-group-all-fields {
   background: #f2f4f6;
-  vertical-align: top;
   display: inline-table;
   -ms-flex: auto;
       flex: auto;
@@ -1465,6 +1481,7 @@
   overflow: hidden;
   padding-left: 8px;
   scroll-behavior: smooth;
+  vertical-align: top;
 }
 
 .e-pivotview .e-group-values.e-drag-restrict,
@@ -1565,7 +1582,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: #fff !important;
+  color: #fff;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button.e-btn-focused,
@@ -1589,7 +1606,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: #fff !important;
+  color: #fff;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button:focus, .e-pivotview .e-grouping-bar .e-pivot-button:active,
@@ -1625,7 +1642,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: #fff !important;
+  color: #fff;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-content,
@@ -1649,7 +1666,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,
@@ -1669,7 +1686,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: rgba(255, 255, 255, 0.8) !important;
+  color: rgba(255, 255, 255, 0.8);
   cursor: pointer;
   display: inline-block;
   font-size: 10px;
@@ -1691,7 +1708,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: #fff !important;
+  color: #fff;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-disable,
@@ -1916,7 +1933,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;
 }
@@ -1940,7 +1957,7 @@
   float: left;
   font-size: 13px !important;
   margin-left: 0px;
-  margin-top: 5px;
+  margin-top: 4px;
 }
 
 .e-pivotview .e-expand::before {
@@ -2143,7 +2160,7 @@
 }
 
 .e-pivottooltip {
-  border-radius: 2px;
+  border-radius: 4px;
   padding: 3px 2px;
 }
 
@@ -2226,15 +2243,24 @@
 }
 
 .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: 13px !important;
   font-size: 13px !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: 4px;
+}
+
 .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;
@@ -2441,9 +2467,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: #212529 !important;
@@ -3017,6 +3045,18 @@
   width: 14px;
 }
 
+.e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn,
+.e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn {
+  pointer-events: none;
+}
+
+.e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color,
+.e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color {
+  background: none;
+  margin: 0 2px;
+  width: 14px;
+}
+
 .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-btn.e-icon-btn,
 .e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-btn.e-icon-btn {
   padding: 4px 5px;
@@ -3185,6 +3225,7 @@
 .e-pivot-calc-dialog-div .e-olap-member-title {
   color: #212529;
   font-size: 13px;
+  margin-bottom: 4px;
   margin-top: 15px;
   overflow: hidden;
   padding: 4px 0;
@@ -3213,6 +3254,10 @@
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
 }
 
+.e-pivot-calc-dialog-div .e-treeview ul li:not(.e-active) .e-list-icon {
+  color: #495057;
+}
+
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   color: #495057;
   margin: 0;
@@ -3249,6 +3294,10 @@
   width: 24px;
 }
 
+.e-pivot-calc-dialog-div .e-treeview .e-list-item:not(.e-active) span.e-icons {
+  color: #adb5bd;
+}
+
 .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
   color: #adb5bd;
   cursor: move;
@@ -3256,7 +3305,6 @@
   font-size: 14px;
   height: 24px;
   margin-right: 4px;
-  margin-top: 4px;
   padding: 5px;
   pointer-events: auto;
   width: 24px;
@@ -3339,7 +3387,6 @@
   color: #212529;
   font-size: 13px;
   height: 70px;
-  margin-top: 5px;
   padding: 5px 10px;
   resize: none;
   width: 100%;
@@ -3363,7 +3410,6 @@
   border: 1px solid #ced4da;
   border-radius: 4px;
   height: 120px;
-  margin-top: 5px;
   overflow: auto;
 }
 
@@ -3655,8 +3701,8 @@
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog,
 .e-pivotfieldlist-wrapper .e-member-editor-dialog {
-  max-width: 400px;
-  min-width: 320px;
+  max-width: 400px !important;
+  min-width: 320px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-member-prompt,
@@ -3957,8 +4003,8 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings {
-  max-width: 400px;
-  min-width: 300px;
+  max-width: 400px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-dlg-content {
@@ -4026,7 +4072,7 @@
 .e-pivotfieldlist-wrapper .e-member-editor-dialog,
 .e-pivotfieldlist-wrapper .e-value-field-settings {
   border-radius: 4px;
-  width: auto;
+  width: auto !important;
 }
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -4095,8 +4141,8 @@
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog,
 .e-pivotfieldlist-container .e-member-editor-dialog {
-  min-width: 320px;
-  max-width: 400px;
+  max-width: 400px !important;
+  min-width: 320px !important;
 }
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-prompt,
@@ -4273,7 +4319,7 @@
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container {
-  border: none;
+  border: 0;
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -4403,8 +4449,8 @@
 }
 
 .e-pivotfieldlist-container .e-value-field-settings {
-  max-width: 400px;
-  min-width: 300px;
+  max-width: 400px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-container .e-value-field-settings .e-dlg-content {
@@ -4472,7 +4518,7 @@
 .e-pivotfieldlist-container .e-member-editor-dialog,
 .e-pivotfieldlist-container .e-value-field-settings {
   border-radius: 4px;
-  width: auto;
+  width: auto !important;
 }
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -4546,6 +4592,7 @@
   border-radius: 4px;
   box-shadow: 0 2px 3px 0 black;
   height: 28px;
+  line-height: 1em;
   min-width: 100px;
   padding: 5px 10px;
   border: 0;
@@ -4554,6 +4601,7 @@
 
 .e-field-list-tree.e-drag-item.e-treeview .e-text-content,
 .e-pivot-calc.e-drag-item.e-treeview .e-text-content {
+  height: 100%;
   padding: 0;
   text-align: center;
   width: 100%;
@@ -4675,23 +4723,8 @@
 }
 
 .e-pivot-error-dialog {
-  max-width: 400px;
-  width: auto;
-}
-
-.e-pivot-error-dialog .e-dlg-header-content,
-.e-pivot-error-dialog .e-footer-content {
-  border: 0;
-}
-
-.e-pivot-error-dialog .e-dlg-header {
-  font-weight: bold;
-  opacity: 1;
-}
-
-.e-pivot-error-dialog .e-dlg-content {
-  font-weight: normal;
-  opacity: 1;
+  max-width: 400px !important;
+  width: auto !important;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
@@ -4785,7 +4818,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 116px !important;
+  height: 116px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -5164,8 +5197,8 @@
 .e-pivotfieldlist-wrapper {
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  max-width: 700px;
-  min-width: 300px;
+  max-width: 700px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer {
@@ -5254,9 +5287,9 @@
 }
 
 .e-pivotfieldlist-wrapper .e-title-header .e-title-content {
-  font-size: 18px;
   -ms-flex: auto;
       flex: auto;
+  font-size: 18px;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container {
@@ -5290,13 +5323,13 @@
   font-size: 13px;
   font-weight: normal;
   height: 31px;
+  line-height: 1.5em;
   overflow: hidden;
   padding: 7px 0 0 8px;
   text-align: left;
   text-overflow: ellipsis;
-  word-break: break-all;
-  line-height: 1.5em;
   text-transform: none;
+  word-break: break-all;
   padding-left: 12px;
 }
 
@@ -5524,8 +5557,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: none;
+  width: 100%;
   margin-top: 3px;
 }
 
@@ -6994,8 +7027,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: none;
+  width: 100%;
   margin-top: 3px;
 }