@syncfusion/ej2-angular-pivotview 20.2.36-ngcc → 20.2.36

package/styles/pivotfieldlist/tailwind.css

@@ -318,7 +318,8 @@
 
 .e-pivot-formatting-dialog {
   max-height: 480px !important;
-  width: 640px !important;
+  min-width: 628px !important;
+  width: 628px !important;
 }
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
   padding-bottom: 4px;
@@ -332,7 +333,6 @@
 .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;
@@ -425,9 +425,6 @@
   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 {
@@ -475,7 +472,8 @@
 
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
-  width: 730px !important;
+  min-width: 680px !important;
+  width: 680px !important;
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-label,
 .e-bigger.e-pivot-formatting-dialog .e-format-value-label,
@@ -886,7 +884,7 @@
 
 .e-bigger.e-pivot-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div {
-  max-height: 600px !important;
+  max-height: 590px !important;
   min-width: 401px !important;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-all-field-title,
@@ -934,7 +932,7 @@
 .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: 750px !important;
-  min-width: 580px !important;
+  min-width: 580px;
 }
 .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 {
@@ -2398,7 +2396,7 @@
   height: 261px;
 }
 .e-pivotfieldlist-container.e-search-mode.e-popup {
-  min-height: 540px;
+  height: 540px;
 }
 .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
   height: 369px;
@@ -2592,11 +2590,6 @@
   background-color: transparent;
   color: rgba(17, 24, 39, 0.87);
 }
-.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;
@@ -3504,8 +3497,8 @@
 }
 .e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup,
 .e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup {
+  height: 550px !important;
   max-height: 600px !important;
-  min-height: 566px !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 {
@@ -3522,8 +3515,4 @@
 .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: 179px;
 }

package/styles/pivotfieldlist/tailwind.scss

@@ -1 +1,4 @@
-@import 'ej2-pivotview/styles/pivotfieldlist/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'icons/tailwind.scss';
+@import 'all.scss';

package/styles/pivotview/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/pivotview/_bootstrap-dark-definition.scss

@@ -0,0 +1,130 @@
+//default
+$pivotgrid-skin: 'bootstrap-dark' !default;
+$pivotgrid-active-color: $brand-primary !default;
+$pivotgrid-default-font-color: $grey-f8 !default;
+$pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
+$pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
+$pivotgrid-default-border-color: $grey-44 !default;
+$pivotgrid-border-type: $border-type !default;
+$pivotgrid-border-size: $border-size !default;
+$pivotgrid-table-background-color: $grey-white !default;
+$pivotgrid-content-font-size: 13px !default;
+$pivotgrid-bigger-content-font-size: 13px !default;
+$field-list-font-family: $font-family !default;
+$pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
+$pivotgrid-grp-bg-color: $grey-darker !default;
+$pivotgrid-drag-clone-color: $grey-white !default;
+$pivotgrid-drop-hover-color: $grey-e6 !default;
+$pivotview-grid-content-opacity: 1 !default;
+$pivotview-grid-header-font-size: 13px !default;
+$pivotview-bigger-grid-header-font-size: 13px !default;
+$pivotview-grid-header-font-weight: 600 !default;
+$pivotview-grid-header-font-color: $grey-dark-font !default;
+$pivotgrid-horizontal-button-padding: 8px !default;
+$pivotgrid-vertical-button-padding: 3px !default;
+$pivotgrid-summary-font-weight: bold !default;
+$pivotgrid-grouping-min-height: 28px !default;
+$pivotgrid-prompt-line-height: 22px !default;
+$field-list-toggle-size: 40px !default;
+$pivotgrid-button-border-color: $grey-44 !default;
+$pivotgrid-drag-clone-text-color: rgba(255, 0, 0, 1) !default;
+$pivotgrid-drag-clone-font-size: 12px !default;
+$pivotgrid-default-border-radius: 4px !default;
+$pivotgrid-button-icon-size: 10px !default;
+$pivotgrid-bigger-button-icon-size: 14px !default;
+$pivotgrid-button-border-radius: 4px !default;
+$pivotgrid-button-background-color: $grey-44 !default;
+$pivotgrid-button-hover-color: $grey-dark !default;
+$pivotgrid-editor-dialog-footer-padding: 5px !default;
+$pivotgrid-button-drag-color: $grey-light !default;
+$pivotgrid-expand-icon-fontsize: 10px !default;
+$pivotgrid-drill-margintop: 6px !default;
+$pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
+$pivotgrid-rtl-expand-icon-font-size: 10px !default;
+$pivotgrid-collapse-icon-fonsize: 10px !default;
+$pivotgrid-expcoldiv-fontsize: 12px !default;
+$pivotgrid-vsort-mouse-margin: -15px 0 !default;
+$pivotgrid-vsort-row-margin: 0 !default;
+$pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
+$pivotgrid-vsort-touch-margin: -30px -18px !default;
+$pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
+$pivotgrid-tooltip-padding: 3px 2px !default;
+$pivotgrid-tooltip-fontcolor: $grey-base !default;
+$pivotgrid-tooltip-fontsize: 14px !default;
+$pivotgrid-tooltip-fontfamily: Helvetica !default;
+$pivotgrid-member-filter-list-bigger-height: 136px !default;
+$pivotgrid-member-filter-list-height: 164px !default;
+$pivotgrid-button-font-color: $grey-dark-font !default;
+$pivotgrid-button-acitve-font-color: $pivotgrid-button-font-color !default;
+$pivotgrid-hover-color: $grey !default;
+$pivotgrid-focus-color: $grey-dark !default;
+$pivotgrid-button-icon-color: $grey-dark-font !default;
+$pivotgrid-button-active-icon-color: $pivotgrid-button-icon-color !default;
+$pivotgrid-icon-hover-color: $grey-dark-font !default;
+$pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-button-inner-padding: 4px !default;
+$pivotgrid-bigger-button-inner-padding: 7px !default;
+$pivotgrid-excel-member-filter-height: 154px !default;
+$pivotgrid-excel-filter-height: 234px !default;
+$pivotgrid-excel-member-filter-bigger-height: 113px !default;
+$pivotgrid-excel-filter-bigger-height: 213px !default;
+$pivotgrid-editor-label-padding-size: 16px 10px 16px 20px !default;
+$pivotgrid-editor-label-font: 500 13px Helvetica !default;
+$pivotgrid-editor-label-opacity: 1 !default;
+$pivotgrid-editor-label-color: $grey-light-font !default;
+$pivotgrid-editor-label-fill: $grey-f8 !default;
+$pivotgrid-editor-label-excel-width: 312px !default;
+$pivotgrid-editor-label-excel-padding-size: 18px 10px 12px 20px !default;
+$pivotgrid-editor-label-excel-opacity: 100%;
+$pivotgrid-drillthrough-header-font-weight: 700 !default;
+$pivotgrid-drillthrough-value-opacity: 1 !default;
+$pivotgrid-header-selection-bg-color: $grey-88 !default;
+$pivotgrid-header-selection-color: $active-font-color !default;
+$pivotgrid-menubar-height: 40px !default;
+$pivotgrid-bigger-menubar-height: 45px !default;
+$pivotgrid-sort-wrapper-padding-size: 10px !default;
+$pivotgrid-sort-select-background-color: $grey-dark !default;
+$pivotgrid-sort-select-border-color: $grey-8c !default;
+$pivotgrid-sort-select-color: $grey-light-font !default;
+$pivotgrid-group-chart-values-dropdown-margin: 5px !default;
+$pivotgrid-group-chart-values-dropdown-margin-bigger: 5px !default;
+$pivotgrid-header-background-color: $grey-darker !default;
+$pivotgrid-gtot-background-color: $grey-darker !default;
+$pivotgrid-gtot-font-color: $grey-dark-font 87% !default;
+$pivotgrid-report-label-margin-top: 7px !default;
+$pivotgrid-bigger-report-label-margin-top: 8px !default;
+$pivotview-value-sort-rtl-padding: .8em !default;
+$pivotview-filter-toolbar-items-margin-left: 0 !default;
+$pivotview-filter-toolbar-items-margin-right: 0 !default;
+$pivotgrid-header-text-margin-top: 4px !default;
+$pivotgrid-border: $pivotgrid-cell-border-color !default;
+$pivotgrid-bg-color: #5a6268;
+$pivotgrid-border-color: #545b62;
+$pivotgrid-active-border-color: #4e555b;
+$pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
+$pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
+
+//enddefault
+
+/*! component's common definitions and variables */
+$pivotgrid-grouping-height: 36px !default;
+$pivotgrid-editor-search-padding-size: 20px !default;
+$pivotgrid-member-filter-list-padding-size: -35px !default;
+$pivotview-grid-indent-padding: 8px !default;
+$pivotview-grid-bigger-indent-padding: 16px !default;
+$pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
+$pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
+$pivotview-indent-space-size: 24px !default;
+$pivotgrid-button-font-size: 13px !default;
+$pivotgrid-bigger-button-font-size: 13px !default;
+$pivotgrid-bigger-button-line-height: .9em !default;
+$pivotgrid-bigger-excel-dialog-min-width: 350px !default;
+$pivotgrid-expand-bigger-icon-fontsize: 10px !default;
+$pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
+$pivotgrid-grouping-padding-bottom: 10px !default;
+$pivotgrid-grouping-padding-top: 0 !default;
+$pivotgrid-grouping-bigger-padding-top: 0 !default;
+$pivotgrid-button-icon-wrapper-size: 18px !default;
+$pivotgrid-bigger-button-icon-wrapper-size: 20px !default;

package/styles/pivotview/_bootstrap-definition.scss

@@ -0,0 +1,127 @@
+/*! component's theme wise override definitions and variables */
+$pivotgrid-skin: 'bootstrap' !default;
+$pivotgrid-active-color: $brand-primary !default;
+$pivotgrid-default-font-color: $content-font-color !default;
+$pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
+$pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
+$pivotgrid-default-border-color: $grey-e6 !default;
+$pivotgrid-border-type: $border-type !default;
+$pivotgrid-border-size: $border-size !default;
+$pivotgrid-table-background-color: $grey-white !default;
+$pivotgrid-content-font-size: 13px !default;
+$pivotgrid-bigger-content-font-size: 13px !default;
+$field-list-font-family: $font-family !default;
+$pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
+$pivotgrid-grp-bg-color: $grey-f5 !default;
+$pivotgrid-drag-clone-color: $grey-white !default;
+$pivotgrid-drop-hover-color: $grey-cc !default;
+$pivotview-grid-content-opacity: 1 !default;
+$pivotview-grid-header-font-size: 13px !default;
+$pivotview-bigger-grid-header-font-size: 13px !default;
+$pivotview-grid-header-font-weight: 600 !default;
+$pivotview-grid-header-font-color: $grey-light-font !default;
+$pivotgrid-horizontal-button-padding: 8px !default;
+$pivotgrid-vertical-button-padding: 3px !default;
+$pivotgrid-summary-font-weight: bold !default;
+$pivotgrid-grouping-min-height: 28px !default;
+$pivotgrid-prompt-line-height: 22px !default;
+$field-list-toggle-size: 40px !default;
+$pivotgrid-button-border-color: $grey-e6 !default;
+$pivotgrid-drag-clone-text-color: $pivotgrid-default-font-color !default;
+$pivotgrid-drag-clone-font-size: 12px !default;
+$pivotgrid-default-border-radius: 4px !default;
+$pivotgrid-button-icon-size: 10px !default;
+$pivotgrid-bigger-button-icon-size: 14px !default;
+$pivotgrid-button-border-radius: 4px !default;
+$pivotgrid-button-background-color: $grey-e6 !default;
+$pivotgrid-button-hover-color: $grey-cc !default;
+$pivotgrid-editor-dialog-footer-padding: 5px !default;
+$pivotgrid-button-drag-color: $grey-light !default;
+$pivotgrid-expand-icon-fontsize: 10px !default;
+$pivotgrid-drill-margintop: 6px !default;
+$pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
+$pivotgrid-rtl-expand-icon-font-size: 10px !default;
+$pivotgrid-collapse-icon-fonsize: 10px !default;
+$pivotgrid-expcoldiv-fontsize: 11px !default;
+$pivotgrid-vsort-mouse-margin: -15px 0 !default;
+$pivotgrid-vsort-row-margin: 0 !default;
+$pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
+$pivotgrid-vsort-touch-margin: -30px -18px !default;
+$pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
+$pivotgrid-tooltip-padding: 3px 2px !default;
+$pivotgrid-tooltip-fontcolor: #fff !default;
+$pivotgrid-tooltip-fontsize: 14px !default;
+$pivotgrid-tooltip-fontfamily: Helvetica !default;
+$pivotgrid-member-filter-list-bigger-height: 136px !default;
+$pivotgrid-member-filter-list-height: 164px !default;
+$pivotgrid-button-font-color: $grey-light-font !default;
+$pivotgrid-button-acitve-font-color: $pivotgrid-button-font-color !default;
+$pivotgrid-hover-color: $grey-d4 !default;
+$pivotgrid-focus-color: $grey-cc !default;
+$pivotgrid-button-icon-color: $grey-light-font !default;
+$pivotgrid-button-active-icon-color: $pivotgrid-button-icon-color !default;
+$pivotgrid-icon-hover-color: $grey-light-font !default;
+$pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-button-inner-padding: 4px !default;
+$pivotgrid-bigger-button-inner-padding: 7px !default;
+$pivotgrid-excel-member-filter-height: 154px !default;
+$pivotgrid-excel-filter-height: 234px !default;
+$pivotgrid-excel-member-filter-bigger-height: 113px !default;
+$pivotgrid-excel-filter-bigger-height: 213px !default;
+$pivotgrid-editor-label-padding-size: 16px 10px 16px 20px !default;
+$pivotgrid-editor-label-font: 500 13px Helvetica !default;
+$pivotgrid-editor-label-opacity: 1 !default;
+$pivotgrid-editor-label-color: $grey-light-font !default;
+$pivotgrid-editor-label-fill: $grey-f8 !default;
+$pivotgrid-editor-label-excel-width: 312px !default;
+$pivotgrid-editor-label-excel-padding-size: 18px 10px 12px 20px !default;
+$pivotgrid-editor-label-excel-opacity: 100%;
+$pivotgrid-drillthrough-header-font-weight: 700 !default;
+$pivotgrid-header-selection-bg-color: $grey-e6 !default;
+$pivotgrid-header-selection-color: $active-font-color !default;
+$pivotgrid-menubar-height: 38px !default;
+$pivotgrid-bigger-menubar-height: 48px !default;
+$pivotgrid-sort-wrapper-padding-size: 10px !default;
+$pivotgrid-sort-select-background-color: $grey-e6 !default;
+$pivotgrid-sort-select-border-color: $grey-ad !default;
+$pivotgrid-sort-select-color: $grey-dark !default;
+$pivotgrid-group-chart-values-dropdown-margin: 2px !default;
+$pivotgrid-group-chart-values-dropdown-margin-bigger: 5px !default;
+$pivotgrid-header-background-color: $grey-f9 !default;
+$pivotgrid-gtot-background-color: $grey-f5 !default;
+$pivotgrid-gtot-font-color: $grey-light-font !default;
+$pivotgrid-report-label-margin-top: 7px !default;
+$pivotgrid-bigger-report-label-margin-top: 8px !default;
+$pivotview-value-sort-rtl-padding: .8em !default;
+$pivotview-filter-toolbar-items-margin-left: 0 !default;
+$pivotview-filter-toolbar-items-margin-right: 0 !default;
+$pivotgrid-header-text-margin-top: 4px !default;
+$pivotgrid-border: $pivotgrid-cell-border-color !default;
+$pivotgrid-bg-color: #5a6268;
+$pivotgrid-border-color: #545b62;
+$pivotgrid-active-border-color: #4e555b;
+$pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
+$pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
+
+/*! component's common definitions and variables */
+$pivotgrid-grouping-height: 28px !default;
+$pivotgrid-editor-search-padding-size: 20px !default;
+$pivotgrid-member-filter-list-padding-size: -35px !default;
+$pivotview-grid-indent-padding: 8px !default;
+$pivotview-grid-bigger-indent-padding: 16px !default;
+$pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
+$pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
+$pivotview-indent-space-size: 18px !default;
+$pivotgrid-button-font-size: 13px !default;
+$pivotgrid-bigger-button-font-size: 13px !default;
+$pivotgrid-bigger-button-line-height: .9em !default;
+$pivotgrid-bigger-excel-dialog-min-width: 350px !default;
+$pivotgrid-expand-bigger-icon-fontsize: 10px !default;
+$pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
+$pivotgrid-grouping-padding-bottom: 10px !default;
+$pivotgrid-grouping-padding-top: 0 !default;
+$pivotgrid-grouping-bigger-padding-top: 0 !default;
+$pivotgrid-button-icon-wrapper-size: 18px !default;
+$pivotgrid-bigger-button-icon-wrapper-size: 20px !default;

package/styles/pivotview/_bootstrap4-definition.scss

@@ -0,0 +1,127 @@
+/*! component's theme wise override definitions and variables */
+$pivotgrid-skin: 'bootstrap4' !default;
+$pivotgrid-active-color: $primary !default;
+$pivotgrid-default-font-color: $gray-900 !default;
+$pivotgrid-cell-border-color: $gray-300 !default;
+$pivotgrid-prompt-default-font-color: $gray-600 !default;
+$pivotgrid-default-border-color: $gray-300 !default;
+$pivotgrid-border-type: solid !default;
+$pivotgrid-border-size: 1px !default;
+$pivotgrid-table-background-color: $white !default;
+$pivotgrid-content-font-size: 13px !default;
+$pivotgrid-bigger-content-font-size: 13px !default;
+$field-list-font-family: $font-family !default;
+$pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
+$pivotgrid-grp-bg-color: darken($gray-100, 2%) !default;
+$pivotgrid-drag-clone-color: $white !default;
+$pivotgrid-drop-hover-color: #ccc !default;
+$pivotview-grid-content-opacity: 1 !default;
+$pivotview-grid-header-font-size: 13px !default;
+$pivotview-bigger-grid-header-font-size: 13px !default;
+$pivotview-grid-header-font-weight: 600 !default;
+$pivotview-grid-header-font-color: $gray-900 !default;
+$pivotgrid-horizontal-button-padding: 8px !default;
+$pivotgrid-vertical-button-padding: 3px !default;
+$pivotgrid-summary-font-weight: bold !default;
+$pivotgrid-grouping-min-height: 56px !default;
+$pivotgrid-prompt-line-height: 22px !default;
+$field-list-toggle-size: 40px !default;
+$pivotgrid-button-border-color: $gray-600 !default;
+$pivotgrid-drag-clone-text-color: $pivotgrid-default-font-color !default;
+$pivotgrid-drag-clone-font-size: 12px !default;
+$pivotgrid-default-border-radius: 4px !default;
+$pivotgrid-button-icon-size: 10px !default;
+$pivotgrid-bigger-button-icon-size: 12px !default;
+$pivotgrid-button-border-radius: 4px !default;
+$pivotgrid-button-background-color: $gray-600 !default;
+$pivotgrid-button-hover-color: #ccc !default;
+$pivotgrid-editor-dialog-footer-padding: 5px !default;
+$pivotgrid-button-drag-color: #777 !default;
+$pivotgrid-expand-icon-fontsize: 10px !default;
+$pivotgrid-drill-margintop: 4px !default;
+$pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
+$pivotgrid-rtl-expand-icon-font-size: 12px !default;
+$pivotgrid-collapse-icon-fonsize: 10px !default;
+$pivotgrid-expcoldiv-fontsize: 13px !default;
+$pivotgrid-vsort-mouse-margin: -15px 0 !default;
+$pivotgrid-vsort-row-margin: 0 !default;
+$pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
+$pivotgrid-vsort-touch-margin: -28px -18px !default;
+$pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
+$pivotgrid-tooltip-padding: 3px 2px !default;
+$pivotgrid-tooltip-fontcolor: #fff !default;
+$pivotgrid-tooltip-fontsize: 14px !default;
+$pivotgrid-tooltip-fontfamily: Helvetica !default;
+$pivotgrid-member-filter-list-bigger-height: 140px !default;
+$pivotgrid-member-filter-list-height: 168px !default;
+$pivotgrid-button-font-color: $white !default;
+$pivotgrid-button-acitve-font-color: $pivotgrid-button-font-color !default;
+$pivotgrid-hover-color: $gray-500 !default;
+$pivotgrid-focus-color: $gray-500 !default;
+$pivotgrid-button-icon-color: rgba(255, 255, 255, .8) !default;
+$pivotgrid-button-active-icon-color: $pivotgrid-button-icon-color !default;
+$pivotgrid-icon-hover-color: $white !default;
+$pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-button-inner-padding: 4px !default;
+$pivotgrid-bigger-button-inner-padding: 7px !default;
+$pivotgrid-excel-member-filter-height: 170px !default;
+$pivotgrid-excel-filter-height: 234px !default;
+$pivotgrid-excel-member-filter-bigger-height: 130px !default;
+$pivotgrid-excel-filter-bigger-height: 213px !default;
+$pivotgrid-editor-label-padding-size: 17px 10px 16px 20px !default;
+$pivotgrid-editor-label-font: 500 13px Helvetica !default;
+$pivotgrid-editor-label-opacity: 1 !default;
+$pivotgrid-editor-label-color: #333 !default;
+$pivotgrid-editor-label-fill: #f8f8f8 !default;
+$pivotgrid-editor-label-excel-width: 312px !default;
+$pivotgrid-editor-label-excel-padding-size: 18px 10px 12px 20px !default;
+$pivotgrid-editor-label-excel-opacity: 100%;
+$pivotgrid-drillthrough-header-font-weight: 700 !default;
+$pivotgrid-header-selection-bg-color: #e6e6e6 !default;
+$pivotgrid-header-selection-color: #333 !default;
+$pivotgrid-menubar-height: 30px !default;
+$pivotgrid-bigger-menubar-height: 38px !default;
+$pivotgrid-sort-wrapper-padding-size: 10px !default;
+$pivotgrid-sort-select-background-color: darken($gray-600, 10%) !default;
+$pivotgrid-sort-select-border-color: darken($gray-600, 12.5%) !default;
+$pivotgrid-sort-select-color: $white !default;
+$pivotgrid-group-chart-values-dropdown-margin: 3px !default;
+$pivotgrid-group-chart-values-dropdown-margin-bigger: 6px !default;
+$pivotgrid-header-background-color: $gray-100 !default;
+$pivotgrid-gtot-background-color: darken($gray-100, 2%) !default;
+$pivotgrid-gtot-font-color: $gray-900 !default;
+$pivotgrid-report-label-margin-top: 4px !default;
+$pivotgrid-bigger-report-label-margin-top: 2px !default;
+$pivotview-value-sort-rtl-padding: .8em !default;
+$pivotview-filter-toolbar-items-margin-left: 0 !default;
+$pivotview-filter-toolbar-items-margin-right: 0 !default;
+$pivotgrid-header-text-margin-top: 4px !default;
+$pivotgrid-border: $pivotgrid-cell-border-color !default;
+$pivotgrid-bg-color: #5a6268;
+$pivotgrid-border-color: #545b62;
+$pivotgrid-active-border-color: #4e555b;
+$pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
+$pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-value-sort-icon-padding: 3px 0 4px 0 !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
+
+/*! component's common definitions and variables */
+$pivotgrid-grouping-height: 30px !default;
+$pivotgrid-editor-search-padding-size: 20px !default;
+$pivotgrid-member-filter-list-padding-size: -25px !default;
+$pivotview-grid-indent-padding: 8px !default;
+$pivotview-grid-bigger-indent-padding: 16px !default;
+$pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
+$pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
+$pivotview-indent-space-size: 18px !default;
+$pivotgrid-button-font-size: 13px !default;
+$pivotgrid-bigger-button-font-size: 13px !default;
+$pivotgrid-bigger-button-line-height: .9em !default;
+$pivotgrid-bigger-excel-dialog-min-width: 350px !default;
+$pivotgrid-expand-bigger-icon-fontsize: 10px !default;
+$pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
+$pivotgrid-grouping-padding-bottom: 10px !default;
+$pivotgrid-grouping-padding-top: 0 !default;
+$pivotgrid-grouping-bigger-padding-top: 0 !default;
+$pivotgrid-button-icon-wrapper-size: 18px !default;
+$pivotgrid-bigger-button-icon-wrapper-size: 20px !default;

package/styles/pivotview/_bootstrap5-dark-definition.scss

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';

package/styles/pivotview/_bootstrap5-definition.scss

@@ -0,0 +1,130 @@
+/*! component's theme wise override definitions and variables */
+// layout-variables
+$pivotgrid-skin: 'bootstrap5' !default;
+$pivotgrid-border-type: solid !default;
+$pivotgrid-border-size: 1px !default;
+$pivotgrid-content-font-size: $text-sm !default;
+$pivotgrid-bigger-content-font-size: $text-base !default;
+$field-list-font-family:  $font-family !default;
+$pivotview-grid-content-opacity: .87 !default;
+$pivotview-grid-header-font-size: $text-sm !default;
+$pivotview-bigger-grid-header-font-size: $text-base !default;
+$pivotview-grid-header-font-weight: $font-weight-bold !default;
+$pivotgrid-horizontal-button-padding: 8px !default;
+$pivotgrid-vertical-button-padding: 3px !default;
+$pivotgrid-grouping-height: 30px !default;
+$pivotgrid-summary-font-weight: $font-weight-bold !default;
+$pivotgrid-prompt-line-height: 24px !default;
+$field-list-toggle-size: 40px !default;
+$pivotgrid-drag-clone-font-size: 14px !default;
+$pivotgrid-default-border-radius: 4px !default;
+$pivotgrid-button-icon-size: 12px !default;
+$pivotgrid-bigger-button-icon-size: 14px !default;
+$pivotgrid-button-border-radius: 4px !default;
+$pivotgrid-editor-dialog-footer-padding: 8px !default;
+$pivotgrid-expand-icon-fontsize: 20px !default;
+$pivotgrid-expcoldiv-fontsize: 10px !default;
+$pivotgrid-drill-margintop: 0 !default;
+$pivotgrid-bigger-drill-margintop: 0 !default;
+$pivotgrid-rtl-expand-icon-font-size: 10px !default;
+$pivotgrid-collapse-icon-fonsize: 18px !default;
+$pivotgrid-vsort-mouse-margin: -15px 0 !default;
+$pivotgrid-vsort-row-margin: 0 !default;
+$pivotgrid-vsort-mouse-wrap-margin: -18px !default;
+$pivotgrid-vsort-touch-margin: -23px -15px !default;
+$pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
+$pivotgrid-tooltip-padding: 3px 4px !default;
+$pivotgrid-tooltip-fontsize: 14px !default;
+$pivotgrid-tooltip-fontfamily: $font-family !default;
+$pivotgrid-member-filter-list-height: 167px !default;
+$pivotgrid-member-filter-list-bigger-height: 139px !default;
+$pivotview-grid-indent-padding: 8px !default;
+$pivotview-grid-bigger-indent-padding: 10px !default;
+$pivotview-indent-space-size: 18px !default;
+$pivotgrid-bigger-button-line-height: 1em !default;
+$pivotgrid-excel-member-filter-height: 171px !default;
+$pivotgrid-excel-filter-height: 248px !default;
+$pivotgrid-excel-member-filter-bigger-height: 127px !default;
+$pivotgrid-excel-filter-bigger-height: 220px !default;
+$pivotgrid-editor-label-padding-size: 12px 10px 16px 20px !default;
+$pivotgrid-editor-label-font: 500 13px Inter !default;
+$pivotgrid-editor-label-opacity: .87 !default;
+$pivotgrid-editor-label-excel-width: 280px !default;
+$pivotgrid-editor-label-excel-padding-size: 14px 10px 9px 20px !default;
+$pivotgrid-editor-label-excel-opacity: 56%;
+$pivotgrid-drillthrough-header-font-weight: 600 !default;
+$pivotgrid-menubar-height: 32px !default;
+$pivotgrid-bigger-menubar-height: 42px !default;
+$pivotgrid-sort-wrapper-padding-size: 10px !default;
+$pivotgrid-group-chart-values-dropdown-margin: 2px !default;
+$pivotgrid-group-chart-values-dropdown-margin-bigger: 4px !default;
+$pivotgrid-report-label-margin-top: 5px !default;
+$pivotgrid-bigger-report-label-margin-top: 12px !default;
+$pivotview-value-sort-rtl-padding: 1.8em !default;
+// $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
+$pivotview-filter-toolbar-items-margin-left: 20px !default;
+// $pivotview-filter-toolbar-indicator-margin-right: 20px !default;
+$pivotview-filter-toolbar-items-margin-right: 20px !default;
+$pivotgrid-header-text-margin-top: 3px !default;
+$pivotgrid-border: $border-light !default;
+$pivotgrid-bg-color: $content-bg-color-alt1;
+$pivotgrid-border-color: $border-light;
+$pivotgrid-active-border-color: $border-light;
+$pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
+$pivotgrid-value-sort-icon-padding: 6px 0 4px 0 !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
+
+// normal
+$pivotgrid-active-color: $icon-color !default;
+$pivotgrid-default-font-color: $content-text-color-alt1 !default;
+$pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
+$pivotgrid-cell-border-color: $content-bg-color-alt3 !default;
+$pivotgrid-default-border-color: $content-bg-color-alt3 !default;
+$pivotgrid-table-background-color: $transparent !default;
+$pivotgrid-grp-bg-color: $content-bg-color-alt1 !default;
+$pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
+$pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
+$pivotgrid-drop-hover-color: $primary !default;
+$pivotview-grid-header-font-color: $content-text-color-alt1 !default;
+$pivotgrid-button-border-color: $content-bg-color-alt3 !default;
+$pivotgrid-drag-clone-text-color: $pivotgrid-default-font-color !default;
+$pivotgrid-button-background-color: $secondary-bg-color !default;
+$pivotgrid-button-drag-color: $icon-color !default;
+$pivotgrid-hover-color: $secondary-bg-color-hover !default;
+$pivotgrid-focus-color: $secondary-bg-color-pressed !default;
+$pivotgrid-button-icon-color: $white !default;
+$pivotgrid-button-active-icon-color: $pivotgrid-button-icon-color !default;
+$pivotgrid-icon-hover-color: $secondary-text-color !default;
+$pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-tooltip-fontcolor: $toooltip-text-color !default;
+$pivotgrid-button-font-color: $content-text-color-alt1 !default;
+$pivotgrid-button-acitve-font-color: $content-text-color-alt1 !default;
+$pivotgrid-editor-label-color: $content-text-color-alt1 !default;
+$pivotgrid-editor-label-fill: $content-bg-color-alt1 !default;
+$pivotgrid-header-selection-bg-color: $content-bg-color-alt3 !default;
+$pivotgrid-header-selection-color: $content-text-color-alt2 !default;
+$pivotgrid-sort-select-background-color: $content-bg-color-alt1 !default;
+$pivotgrid-sort-select-border-color: $transparent !default;
+$pivotgrid-sort-select-color: $icon-color !default;
+$pivotgrid-header-background-color: $content-bg-color-alt1 !default;
+$pivotgrid-gtot-background-color: $content-bg-color-alt1 !default;
+$pivotgrid-gtot-font-color: $content-text-color-alt1 !default;
+$pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
+
+/*! component's common definitions and variables */
+$pivotgrid-editor-search-padding-size: 20px !default;
+$pivotgrid-member-filter-list-padding-size: -22px !default;
+$pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
+$pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
+$pivotgrid-button-font-size: 13px !default;
+$pivotgrid-bigger-button-font-size: 13px !default;
+$pivotgrid-button-inner-padding: 5px !default;
+$pivotgrid-bigger-button-inner-padding: 5px !default;
+$pivotgrid-bigger-excel-dialog-min-width: 350px !default;
+$pivotgrid-expand-bigger-icon-fontsize: 24px !default;
+$pivotgrid-collapse-bigger-icon-fontsize: 22px !default;
+$pivotgrid-grouping-padding-bottom: 12px !default;
+$pivotgrid-grouping-padding-top: 12px !default;
+$pivotgrid-grouping-bigger-padding-top: 16px !default;
+$pivotgrid-button-icon-wrapper-size: 18px !default;
+$pivotgrid-bigger-button-icon-wrapper-size: 20px !default;