@syncfusion/ej2-pivotview 20.1.61 → 20.2.36

package/styles/pivotfieldlist/_tailwind-definition.scss

@@ -21,7 +21,7 @@ $field-list-toggle-padding-size: 8px !default;
 $field-list-editor-dialog-footer-padding: 10px !default;
 $field-list-toggle-size: 31px !default;
 $field-list-toggle-bigger-size: 36px !default;
-$field-list-member-filter-list-bigger-height: 122px !default;
+$field-list-member-filter-list-bigger-height: 130px !default;
 $pivot-calculated-formula-font-family: Inter !default;
 $pivot-calculated-formula-font-padding: 5px 8px !default;
 $pivot-calculated-header-opacity: .87 !default;
@@ -51,16 +51,16 @@ $field-list-static-header-icon-wrapper-padding: $field-list-header-icon-wrapper-
 $field-list-static-bigger-header-icon-wrapper-padding: $field-list-bigger-header-icon-wrapper-padding !default;
 $pivot-calculated-icon-opacity: .87 !default;
 $field-list-bigger-button-line-height: 1.1em !default;
-$field-list-excel-member-filter-height: 151px !default;
+$field-list-excel-member-filter-height: 165px !default;
 $field-list-excel-filter-height: 248px !default;
-$field-list-excel-member-filter-bigger-height: 91px !default;
+$field-list-excel-member-filter-bigger-height: 110px !default;
 $field-list-excel-filter-bigger-height: 220px !default;
 $format-label-font-opacity: .87 !default;
 $format-label-font-weight: 500 !default;
 $format-preview-bigger-height: 30px !default;
 $format-outer-border-radius: 4px !default;
-$format-dialog-width: 628px !default;
-$format-dialog-bigger-width: 680px !default;
+$format-dialog-width: 640px !default;
+$format-dialog-bigger-width: 730px !default;
 $field-list-editor-label-padding-size: 14px 10px 16px 20px !default;
 $field-list-editor-label-font: 500 13px Inter !default;
 $field-list-editor-label-opacity: .87 !default;
@@ -70,6 +70,15 @@ $field-list-editor-label-excel-opacity: 56%;
 $field-list-back-margin: 5px !default;
 $field-list-sort-wrapper-padding-size: 10px !default;
 $field-list-calc-expand-icon-padding: 8px !default;
+$field-list-search-padding-size: 10px $field-list-title-padding-size !default;
+$field-list-member-prompt-padding-size: 25px 12px !default;
+$field-list-search-popup-table-height: 389px !default;
+$field-list-search-popup-axis-content-height: 160px !default;
+$field-list-search-popup-container-bigger-height: 566px !default;
+$field-list-search-popup-table-bigger-height: 400px !default;
+$field-list-search-popup-axis-table-bigger-height: 404px !default;
+$field-list-search-popup-axis-content-bigger-height: 165px !default;
+$field-list-filter-toolbar-items-margin: 20px !default;
 
 // normal variables
 $field-list-active-color: $icon-color !default;
@@ -120,7 +129,6 @@ $field-list-sort-select-color: $icon-color !default;
 $field-list-border: $field-list-default-border-color !default;
 $field-list-cal-button-text-color: $secondary-text-color !default;
 
-
 /*! component's common definitions and variables */
 $field-list-static-padding-size: 10px !default;
 $field-list-treeview-padding-size: -30px !default;
@@ -172,10 +180,11 @@ $format-label-font-size: 13px !default;
 $format-label-bigger-font-size: 14px !default;
 $format-preview-height: 28px !default;
 $format-preview-width: 80px !default;
-$olap-tree-wrapper-height: 441px;
-$olap-tree-outer-div-height: 414px;
-$olap-bigger-tree-wrapper-height: 497px;
-$olap-bigger-tree-outer-div-height: 465px;
+$olap-tree-wrapper-height: 430px;
+$olap-tree-outer-div-height: 395px;
+$olap-bigger-tree-wrapper-height: 570px;
+$olap-bigger-tree-outer-div-height: 530px;
 $field-list-text-transform: uppercase !default;
 $olap-bigger-tree-width: 283px !default;
 $olap-bigger-tree-outer-div-width: 325px !default;
+$field-list-adaptive-outerdiv-height: 179px !default;

package/styles/pivotfieldlist/_theme.scss

@@ -58,6 +58,20 @@
       min-height: $field-list-toggle-bigger-size;
       min-width: $field-list-toggle-bigger-size;
     }
+
+    .e-member-editor-dialog,
+    .e-olap-editor-dialog {
+      max-height: 400px !important;
+      min-width: 370px !important;
+
+      .e-member-editor-container-outer-div {
+        min-height: 113px !important;
+
+        .e-list-parent .e-ul {
+          height: auto;
+        }
+      }
+    }
   }
 
   .e-pivotfieldlist-container {
@@ -147,9 +161,6 @@
     .e-dlg-header-content,
     .e-footer-content {
       border: 0;
-      @if ($skin-name == 'tailwind') {
-        height: 46px;
-      }
     }
 
     .e-dlg-header-content {
@@ -367,6 +378,12 @@
                 font-family: $field-list-font-family;
               }
             }
+
+            // sass-lint:disable-all
+            li.e-disable {
+              display: none !important;
+            }
+            // sass-lint:enable-all
           }
 
           &.e-olap-field-list-tree {
@@ -439,7 +456,6 @@
               padding: 5px $field-list-header-padding;
             }
 
-
             .e-axis-icon-container {
               height: 20px;
               padding-top: $field-list-header-icon-wrapper-padding;
@@ -702,6 +718,80 @@
       }
     }
 
+    &.e-search-mode {
+      &.e-static {
+        max-height: 750px;
+
+        .e-field-list-container .e-field-table {
+          height: 261px;
+        }
+      }
+
+      &.e-popup {
+        min-height: 540px;
+
+        .e-field-list-container {
+          height: 369px;
+
+          // sass-lint:disable-all
+          .e-field-table {
+            height: $field-list-search-popup-table-height !important;
+          }
+
+          .e-axis-table  {
+            height: 392px;
+
+            .e-axis-content {
+              height: $field-list-search-popup-axis-content-height !important;
+            }
+          }
+          // sass-lint:enable-all
+        }
+      }
+
+      .e-member-prompt {
+        color: $field-list-drag-icon-color;
+        padding: $field-list-member-prompt-padding-size;
+        text-align: center;
+        width: 100%;
+
+        &.e-disable {
+          display: none;
+        }
+      }
+
+      .e-field-table {
+        .e-field-list-search {
+          display: flex;
+          padding: $field-list-search-padding-size;
+
+          .e-field-list-search-input .e-field-list-search-icon {
+            float: right;
+            font-size: $field-list-header-icon-size;
+          }
+
+          // sass-lint:disable-all
+          .e-input-group .e-input-group-icon,
+          .e-input-group.e-control-wrapper .e-input-group-icon {
+            border-width: 0 !important;
+            cursor: text !important;
+          }
+
+          .e-input-group-icon:hover {
+            background-color: transparent !important;
+            border: transparent !important;
+            color: currentColor !important;
+          }
+        }
+
+        .e-field-list-tree-outer-div .e-disable,
+        .e-disable {
+          display: none !important;
+        }
+        // sass-lint:disable-all
+      }
+    }
+
     // sass-lint:disable-all
     .e-calculated-field {
       color: $field-list-cal-button-text-color;
@@ -827,7 +917,7 @@
           width: 100%;
 
           .e-field-list-tree-outer-div {
-            height: 175px;
+            height: 180px;
           }
         }
 
@@ -919,6 +1009,11 @@
           background-color: transparent;
           color: $field-list-mobile-header-font-color;
         }
+
+        .e-dlg-content .e-field-list-tree-outer-div {
+          height: 210px;
+          overflow: auto;
+        }
       }
 
       .e-title-mobile-header {
@@ -1506,7 +1601,6 @@
     }
 
     .e-axis-table {
-
       .e-left-axis-fields .e-field-list-filters,
       .e-left-axis-fields .e-field-list-rows,
       .e-right-axis-fields .e-field-list-columns,
@@ -1725,7 +1819,48 @@
         }
       }
     }
-  }
 
+    &.e-search-mode {
+      &.e-static {
+        max-height: 750px;
+
+        .e-field-list-container {
+          max-height: 800px;
+
+          .e-field-table {
+            height: 270px;
+          }
+        }
+      }
+
+      // sass-lint:disable-all
+      &.e-popup {
+        max-height: 600px !important;
+        min-height: $field-list-search-popup-container-bigger-height !important;
+
+        .e-field-list-container {
+          height: 387px;
+
+          .e-field-table {
+            height: $field-list-search-popup-table-bigger-height !important;
+          }
+
+          .e-axis-table {
+            height: $field-list-search-popup-axis-table-bigger-height;
+
+            .e-axis-content {
+              height: $field-list-search-popup-axis-content-bigger-height !important;
+            }
+          }
+        }
+      }
+    }
+
+    .e-adaptive-field-list-dialog {
+      .e-dlg-content .e-field-list-tree-outer-div {
+        max-height: $field-list-adaptive-outerdiv-height;
+      }
+    }
+  }
   // sass-lint:enable-all
 }

package/styles/pivotfieldlist/bootstrap-dark.css

@@ -281,6 +281,10 @@
 .e-pivotfieldlist-container .e-sort-descend::before {
   content: "\e665" !important;
 }
+.e-pivotfieldlist-wrapper .e-field-list-search-icon::before,
+.e-pivotfieldlist-container .e-field-list-search-icon::before {
+  content: "\e993" !important;
+}
 .e-pivotfieldlist-wrapper .e-pivot-calc-outer-div .e-pivot-accord .e-edited.e-icons::before,
 .e-pivotfieldlist-container .e-pivot-calc-outer-div .e-pivot-accord .e-edited.e-icons::before {
   content: "\e7a3";
@@ -316,7 +320,6 @@
 
 .e-pivot-formatting-dialog {
   max-height: 480px !important;
-  min-width: 625px !important;
   width: 625px !important;
 }
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
@@ -331,6 +334,7 @@
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(even) td {
   padding-bottom: 14px;
   padding-right: 18px;
+  white-space: nowrap;
 }
 .e-pivot-formatting-dialog .e-format-value-span {
   vertical-align: bottom;
@@ -347,6 +351,7 @@
 .e-pivot-formatting-dialog .e-format-inner-div {
   padding-left: 14px;
   padding-top: 14px;
+  width: 579px;
 }
 .e-pivot-formatting-dialog .e-format-outer-div {
   background-color: #1a1a1a;
@@ -422,6 +427,9 @@
   min-width: 320px !important;
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-inner-div {
+  width: 100% !important;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -466,7 +474,6 @@
 
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
-  min-width: 670px !important;
   width: 670px !important;
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-label,
@@ -484,6 +491,7 @@
 .e-bigger .e-pivot-formatting-dialog .e-format-inner-div {
   padding-left: 16px;
   padding-top: 16px;
+  width: 656px;
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-outer-div,
 .e-bigger .e-pivot-formatting-dialog .e-format-outer-div {
@@ -857,8 +865,8 @@
 
 .e-bigger.e-pivot-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div {
-  max-height: 580px !important;
-  min-width: 310px;
+  max-height: 600px !important;
+  min-width: 401px !important;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
@@ -899,8 +907,8 @@
 }
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div {
-  max-height: 700px !important;
-  min-width: 580px;
+  max-height: 750px !important;
+  min-width: 580px !important;
 }
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
@@ -976,7 +984,7 @@
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
   margin-left: -35px;
-  overflow: hidden;
+  overflow: auto !important;
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-list-text,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul li .e-list-text {
@@ -1013,6 +1021,9 @@
 .e-pivotfieldlist-container .e-member-editor-dialog.e-olap-editor-dialog.e-rtl .e-member-editor-outer-container ul {
   margin-right: 0;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-toolbar .e-toolbar-items {
+  margin-left: 20px;
+}
 .e-pivotfieldlist-container .e-member-editor-dialog .e-clear-filter-button {
   float: left;
   margin: 0;
@@ -1107,6 +1118,10 @@
   opacity: 100%;
   padding: 18px 10px 12px 20px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-toolbar .e-toolbar-items {
+  margin-left: 0;
+  margin-right: 20px;
+}
 .e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-member-editor-outer-container .e-editor-search-container .e-filter-sort {
   margin-left: 0;
   margin-right: 10px;
@@ -1131,6 +1146,10 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog ul {
+  min-height: 170px;
+  overflow: auto;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-calc-measure-icon,
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-calc-dimension-icon,
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-attributeCDB-icon,
@@ -1246,7 +1265,7 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
 .e-pivotfieldlist-container .e-value-field-settings .e-dlg-content {
   overflow: hidden;
-  padding: 0;
+  padding: 0 !important;
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-empty-field::-webkit-input-placeholder,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content .e-empty-field::-webkit-input-placeholder,
@@ -1505,7 +1524,7 @@
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter {
-  min-width: 350px;
+  min-width: 350px !important;
 }
 .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content .e-clear-filter-button.e-small,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-header-content .e-clear-filter-button.e-small,
@@ -1620,6 +1639,25 @@
   min-height: 36px;
   min-width: 36px;
 }
+.e-bigger .e-pivotfieldlist .e-member-editor-dialog,
+.e-bigger .e-pivotfieldlist .e-olap-editor-dialog,
+.e-bigger.e-pivotfieldlist .e-member-editor-dialog,
+.e-bigger.e-pivotfieldlist .e-olap-editor-dialog {
+  max-height: 400px !important;
+  min-width: 370px !important;
+}
+.e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
+.e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div {
+  min-height: 113px !important;
+}
+.e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
+.e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
+.e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
+.e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul {
+  height: auto;
+}
 
 .e-pivotfieldlist-container {
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -1840,6 +1878,9 @@
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li .e-list-text {
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
 }
+.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li.e-disable {
+  display: none !important;
+}
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree ul li {
   margin-left: 0;
   margin-right: 0;
@@ -2285,6 +2326,59 @@
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table.e-olap-axis-table {
   width: 60%;
 }
+.e-pivotfieldlist-container.e-search-mode.e-static {
+  max-height: 750px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container .e-field-table {
+  height: 261px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup {
+  min-height: 540px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
+  height: 369px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table {
+  height: 392px !important;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table {
+  height: 392px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content {
+  height: 162px !important;
+}
+.e-pivotfieldlist-container.e-search-mode .e-member-prompt {
+  color: #f0f0f0;
+  padding: 25px 12px;
+  text-align: center;
+  width: 100%;
+}
+.e-pivotfieldlist-container.e-search-mode .e-member-prompt.e-disable {
+  display: none;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search {
+  display: -ms-flexbox;
+  display: flex;
+  padding: 10px 20px;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-field-list-search-input .e-field-list-search-icon {
+  float: right;
+  font-size: 14px;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-input-group .e-input-group-icon,
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-input-group.e-control-wrapper .e-input-group-icon {
+  border-width: 0 !important;
+  cursor: text !important;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-input-group-icon:hover {
+  background-color: transparent !important;
+  border: transparent !important;
+  color: currentColor !important;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-tree-outer-div .e-disable,
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-disable {
+  display: none !important;
+}
 .e-pivotfieldlist-container .e-calculated-field {
   color: #f0f0f0;
   font-size: 13px;
@@ -2369,7 +2463,7 @@
   width: 100%;
 }
 .e-pivotfieldlist-container.e-static .e-field-list-container .e-field-table .e-field-list-tree-outer-div {
-  height: 175px;
+  height: 180px;
 }
 .e-pivotfieldlist-container.e-static .e-field-list-container .e-center-div {
   display: none;
@@ -2431,6 +2525,11 @@
   background-color: transparent;
   color: #fff;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
+.e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-content .e-field-list-tree-outer-div {
+  height: 210px;
+  overflow: auto;
+}
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
@@ -3321,4 +3420,41 @@
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-values .e-pivot-button .e-edit {
   padding-left: 0;
   padding-right: 4px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-static,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-static {
+  max-height: 750px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container {
+  max-height: 800px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container .e-field-table,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container .e-field-table {
+  height: 270px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup {
+  max-height: 600px !important;
+  min-height: 580px !important;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
+  height: 387px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table {
+  height: 402px !important;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table {
+  height: 404px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content {
+  height: 165px !important;
+}
+.e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
+.e-bigger.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div {
+  max-height: 190px;
 }