@syncfusion/ej2-angular-pivotview 20.2.36 → 20.2.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/package.json +6 -6
  2. package/styles/bootstrap-dark.css +241 -14
  3. package/styles/bootstrap.css +241 -14
  4. package/styles/bootstrap4.css +237 -15
  5. package/styles/bootstrap5-dark.css +281 -18
  6. package/styles/bootstrap5.css +281 -18
  7. package/styles/fabric-dark.css +241 -14
  8. package/styles/fabric.css +241 -14
  9. package/styles/fluent-dark.css +247 -16
  10. package/styles/fluent.css +247 -16
  11. package/styles/highcontrast-light.css +241 -14
  12. package/styles/highcontrast.css +241 -14
  13. package/styles/material-dark.css +241 -14
  14. package/styles/material.css +241 -14
  15. package/styles/pivotfieldlist/_bootstrap-dark-definition.scss +2 -1
  16. package/styles/pivotfieldlist/_bootstrap-definition.scss +3 -2
  17. package/styles/pivotfieldlist/_bootstrap4-definition.scss +3 -2
  18. package/styles/pivotfieldlist/_bootstrap5-definition.scss +2 -1
  19. package/styles/pivotfieldlist/_fabric-dark-definition.scss +3 -3
  20. package/styles/pivotfieldlist/_fabric-definition.scss +3 -2
  21. package/styles/pivotfieldlist/_fluent-definition.scss +3 -2
  22. package/styles/pivotfieldlist/_fusionnew-definition.scss +3 -3
  23. package/styles/pivotfieldlist/_highcontrast-definition.scss +3 -2
  24. package/styles/pivotfieldlist/_highcontrast-light-definition.scss +3 -2
  25. package/styles/pivotfieldlist/_layout.scss +62 -65
  26. package/styles/pivotfieldlist/_material-dark-definition.scss +3 -2
  27. package/styles/pivotfieldlist/_material-definition.scss +3 -2
  28. package/styles/pivotfieldlist/_material3-definition.scss +3 -1
  29. package/styles/pivotfieldlist/_tailwind-definition.scss +4 -3
  30. package/styles/pivotfieldlist/_theme.scss +51 -44
  31. package/styles/pivotfieldlist/bootstrap-dark.css +147 -7
  32. package/styles/pivotfieldlist/bootstrap.css +147 -7
  33. package/styles/pivotfieldlist/bootstrap4.css +142 -7
  34. package/styles/pivotfieldlist/bootstrap5-dark.css +151 -7
  35. package/styles/pivotfieldlist/bootstrap5.css +151 -7
  36. package/styles/pivotfieldlist/fabric-dark.css +147 -7
  37. package/styles/pivotfieldlist/fabric.css +147 -7
  38. package/styles/pivotfieldlist/fluent-dark.css +149 -7
  39. package/styles/pivotfieldlist/fluent.css +149 -7
  40. package/styles/pivotfieldlist/highcontrast-light.css +147 -7
  41. package/styles/pivotfieldlist/highcontrast.css +147 -7
  42. package/styles/pivotfieldlist/icons/_bootstrap-dark.scss +4 -4
  43. package/styles/pivotfieldlist/icons/_bootstrap.scss +4 -4
  44. package/styles/pivotfieldlist/icons/_bootstrap4.scss +4 -4
  45. package/styles/pivotfieldlist/icons/_bootstrap5.scss +4 -4
  46. package/styles/pivotfieldlist/icons/_fabric-dark.scss +4 -4
  47. package/styles/pivotfieldlist/icons/_fabric.scss +4 -4
  48. package/styles/pivotfieldlist/icons/_fluent.scss +4 -4
  49. package/styles/pivotfieldlist/icons/_fusionnew.scss +4 -4
  50. package/styles/pivotfieldlist/icons/_highcontrast-light.scss +4 -4
  51. package/styles/pivotfieldlist/icons/_highcontrast.scss +4 -4
  52. package/styles/pivotfieldlist/icons/_material-dark.scss +4 -4
  53. package/styles/pivotfieldlist/icons/_material.scss +4 -4
  54. package/styles/pivotfieldlist/icons/_material3.scss +4 -4
  55. package/styles/pivotfieldlist/icons/_tailwind-dark.scss +4 -4
  56. package/styles/pivotfieldlist/icons/_tailwind.scss +4 -4
  57. package/styles/pivotfieldlist/material-dark.css +147 -7
  58. package/styles/pivotfieldlist/material.css +147 -7
  59. package/styles/pivotfieldlist/tailwind-dark.css +151 -9
  60. package/styles/pivotfieldlist/tailwind.css +151 -9
  61. package/styles/pivotview/_bootstrap-dark-definition.scss +2 -1
  62. package/styles/pivotview/_bootstrap-definition.scss +2 -1
  63. package/styles/pivotview/_bootstrap4-definition.scss +2 -1
  64. package/styles/pivotview/_bootstrap5-definition.scss +5 -4
  65. package/styles/pivotview/_fabric-dark-definition.scss +2 -1
  66. package/styles/pivotview/_fabric-definition.scss +2 -1
  67. package/styles/pivotview/_fluent-definition.scss +4 -3
  68. package/styles/pivotview/_fusionnew-definition.scss +1 -0
  69. package/styles/pivotview/_highcontrast-definition.scss +2 -1
  70. package/styles/pivotview/_highcontrast-light-definition.scss +3 -2
  71. package/styles/pivotview/_layout.scss +25 -25
  72. package/styles/pivotview/_material-dark-definition.scss +2 -1
  73. package/styles/pivotview/_material-definition.scss +2 -2
  74. package/styles/pivotview/_material3-definition.scss +1 -0
  75. package/styles/pivotview/_tailwind-definition.scss +5 -4
  76. package/styles/pivotview/_theme.scss +77 -50
  77. package/styles/pivotview/bootstrap-dark.css +94 -7
  78. package/styles/pivotview/bootstrap.css +94 -7
  79. package/styles/pivotview/bootstrap4.css +95 -8
  80. package/styles/pivotview/bootstrap5-dark.css +130 -11
  81. package/styles/pivotview/bootstrap5.css +130 -11
  82. package/styles/pivotview/fabric-dark.css +94 -7
  83. package/styles/pivotview/fabric.css +94 -7
  84. package/styles/pivotview/fluent-dark.css +98 -9
  85. package/styles/pivotview/fluent.css +98 -9
  86. package/styles/pivotview/highcontrast-light.css +94 -7
  87. package/styles/pivotview/highcontrast.css +94 -7
  88. package/styles/pivotview/material-dark.css +94 -7
  89. package/styles/pivotview/material.css +94 -7
  90. package/styles/pivotview/tailwind-dark.css +98 -11
  91. package/styles/pivotview/tailwind.css +98 -11
  92. package/styles/tailwind-dark.css +249 -20
  93. package/styles/tailwind.css +249 -20
@@ -46,7 +46,7 @@ $pivotgrid-collapse-icon-fonsize: 10px !default;
46
46
  $pivotgrid-vsort-mouse-margin: -21px 0 !default;
47
47
  $pivotgrid-vsort-row-margin: 0 !default;
48
48
  $pivotgrid-vsort-mouse-wrap-margin: -18px 0 !default;
49
- $pivotgrid-vsort-touch-margin: -23px -6px !default;
49
+ $pivotgrid-vsort-touch-margin: -17px -6px !default;
50
50
  $pivotgrid-vsort-touch-wrap-margin: -18px -6px !default;
51
51
  $pivotgrid-tooltip-padding: 0 0 !default;
52
52
  $pivotgrid-tooltip-fontcolor: $selection-font !default;
@@ -84,7 +84,7 @@ $pivotgrid-sort-select-background-color: $selection-bg !default;
84
84
  $pivotgrid-sort-select-border-color: $selection-bg !default;
85
85
  $pivotgrid-sort-select-color: $selection-font !default;
86
86
  $pivotgrid-group-chart-values-dropdown-margin: 5px !default;
87
- $pivotgrid-group-chart-values-dropdown-margin-bigger: 5px !default;;
87
+ $pivotgrid-group-chart-values-dropdown-margin-bigger: 5px !default;
88
88
  $pivotgrid-header-background-color: $bg-base-15 !default;
89
89
  $pivotgrid-gtot-background-color: $bg-base-15 !default;
90
90
  $pivotgrid-gtot-font-color: $content-font 87% !default;
@@ -124,3 +124,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
124
124
  $pivotgrid-grouping-bigger-padding-top: 0 !default;
125
125
  $pivotgrid-button-icon-wrapper-size: 18px !default;
126
126
  $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
127
+ $pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;
@@ -2,7 +2,7 @@
2
2
  /*! PivotView layout */
3
3
  .e-pivotview {
4
4
 
5
- // sass-lint:disable-all
5
+ /* stylelint-disable */
6
6
  .e-value-field-settings,
7
7
  .e-member-editor-dialog,
8
8
  .e-group-field-settings {
@@ -17,7 +17,7 @@
17
17
  max-width: 400px !important;
18
18
  width: auto !important;
19
19
  }
20
- // sass-lint:enable-all
20
+ /* stylelint-enable */
21
21
 
22
22
  .e-value-field-settings {
23
23
  .e-field-name-text-container {
@@ -137,7 +137,7 @@
137
137
  box-shadow: none;
138
138
  margin-left: $pivotgrid-sort-wrapper-padding-size;
139
139
 
140
- // sass-lint:disable-all
140
+ /* stylelint-disable */
141
141
  .e-member-sort {
142
142
  @if ($pivotgrid-skin == 'bootstrap4') {
143
143
  background-color: $content-bg;
@@ -293,7 +293,7 @@
293
293
 
294
294
  .e-filter-tab-container {
295
295
  border: none;
296
- // sass-lint:enable-all
296
+ /* stylelint-enable */
297
297
 
298
298
  .e-tab-header {
299
299
  .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -325,7 +325,7 @@
325
325
  }
326
326
  }
327
327
 
328
- // sass-lint:disable-all
328
+ /* stylelint-disable */
329
329
  .e-disable {
330
330
  display: none !important;
331
331
  }
@@ -483,7 +483,6 @@
483
483
  .e-dlg-content {
484
484
  overflow: hidden;
485
485
 
486
- // sass-lint:disable-all
487
486
  .e-empty-field::-webkit-input-placeholder {
488
487
  color: $error-font-color !important;
489
488
  font-weight: 600 !important;
@@ -519,7 +518,7 @@
519
518
  }
520
519
  }
521
520
  }
522
- // sass-lint:enable-all
521
+ /* stylelint-enable */
523
522
 
524
523
  .e-value-field-settings,
525
524
  .e-member-editor-dialog {
@@ -545,7 +544,7 @@
545
544
  }
546
545
  }
547
546
 
548
- // sass-lint:disable-all
547
+ /* stylelint-disable */
549
548
  .e-pivotchart-type-dialog {
550
549
  max-width: 350px !important;
551
550
  max-height: 380px !important;
@@ -630,6 +629,9 @@
630
629
 
631
630
  .e-icons.e-btn-icon {
632
631
  font-size: 16px;
632
+ @if ($skin-name == 'FluentUI') {
633
+ margin: 4px;
634
+ }
633
635
  }
634
636
  }
635
637
 
@@ -641,7 +643,6 @@
641
643
  color: $gray-700;
642
644
  }
643
645
 
644
- // sass-lint:disable-all
645
646
  ul .e-menu-item {
646
647
  @if ($skin-name != 'tailwind') {
647
648
  height: $pivotgrid-menubar-height !important;
@@ -713,20 +714,19 @@
713
714
  }
714
715
 
715
716
  .e-tab .e-tab-header .e-toolbar-item.e-active {
716
- // sass-lint:disable-all
717
717
  margin-left: 18px !important;
718
- // sass-lint:enable-all
718
+ /* stylelint-enable */
719
719
  }
720
720
 
721
721
  .e-toolbar-item.e-template {
722
- // sass-lint:disable-all
722
+ /* stylelint-disable */
723
723
  padding: 0 !important;
724
724
  }
725
725
 
726
726
  .e-reportlist-label {
727
727
  float: left;
728
728
  font-weight: 500;
729
- // sass-lint:enable-all
729
+ /* stylelint-enable */
730
730
  }
731
731
 
732
732
  .e-reportlist-drop {
@@ -766,7 +766,7 @@
766
766
  }
767
767
 
768
768
  .e-pivotview-report-dialog {
769
- // sass-lint:disable-all
769
+ /* stylelint-disable */
770
770
  max-width: 350px !important;
771
771
  }
772
772
 
@@ -785,7 +785,7 @@
785
785
  .e-pivotview-mdx-dialog {
786
786
  max-width: 500px !important;
787
787
  }
788
- // sass-lint:enable-all
788
+ /* stylelint-enable */
789
789
 
790
790
  .e-report-outer {
791
791
  display: inline-block;
@@ -804,7 +804,7 @@
804
804
  }
805
805
  }
806
806
 
807
- // sass-lint:disable-all
807
+ /* stylelint-disable */
808
808
  .e-pivotview-report-input {
809
809
  float: right;
810
810
  width: 60% !important;
@@ -829,7 +829,7 @@
829
829
  .e-pivotview-svg-export {
830
830
  font-size: 18px !important;
831
831
  }
832
- // sass-lint:enable-all
832
+ /* stylelint-enable */
833
833
 
834
834
  .e-contextmenu-container.e-menu-popup.e-menu-container.e-pivot-chart-menu ul {
835
835
  .e-dialog-multiple-axis .e-label,
@@ -859,7 +859,7 @@
859
859
  margin-right: 20px;
860
860
  }
861
861
 
862
- // sass-lint:disable-all
862
+ /* stylelint-disable */
863
863
  .e-drillthrough-body-header-common {
864
864
  -webkit-flex-wrap: wrap;
865
865
  -moz-flex-wrap: wrap;
@@ -867,16 +867,16 @@
867
867
  display: inline-block;
868
868
  flex-wrap: wrap;
869
869
  }
870
- // sass-lint:enable-all
870
+ /* stylelint-enable */
871
871
  }
872
872
 
873
873
  .e-bigger .e-pivotview,
874
874
  .e-bigger.e-pivotview {
875
875
  .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item {
876
876
  @if ($skin-name != 'tailwind') and ($skin-name != 'bootstrap5') {
877
- //sass-lint:disable-all
877
+ /* stylelint-disable */
878
878
  height: $pivotgrid-bigger-menubar-height !important;
879
- //sass-lint:enable-all
879
+ /* stylelint-enable */
880
880
  }
881
881
 
882
882
  .e-menu-icon {
@@ -896,7 +896,7 @@
896
896
  height: $pivotgrid-member-filter-list-bigger-height;
897
897
  }
898
898
 
899
- // sass-lint:disable-all
899
+ /* stylelint-disable */
900
900
  .e-member-editor-dialog {
901
901
  .e-editor-search-container {
902
902
  .e-filter-sort {
@@ -994,7 +994,7 @@
994
994
  .e-value-field-settings {
995
995
  max-height: 510px !important;
996
996
  }
997
- // sass-lint:enable-all
997
+ /* stylelint-enable */
998
998
 
999
999
  .e-pivot-format-dialog {
1000
1000
  .e-pivot-format-dialog-outer {
@@ -1052,7 +1052,7 @@
1052
1052
  }
1053
1053
  }
1054
1054
 
1055
- // sass-lint:disable-all
1055
+ /* stylelint-disable */
1056
1056
  .e-value-field-settings,
1057
1057
  .e-group-field-settings {
1058
1058
  .e-value-field-div-content,
@@ -1060,7 +1060,7 @@
1060
1060
  padding: 0 $pivotgrid-editor-search-padding-size 10px;
1061
1061
  }
1062
1062
  }
1063
- // sass-lint:enable-all
1063
+ /* stylelint-enable */
1064
1064
  }
1065
1065
 
1066
1066
  .e-bigger .e-pivotview-report-dialog,
@@ -51,7 +51,7 @@ $pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
51
51
  $pivotgrid-vsort-mouse-margin: -6px 5px !default;
52
52
  $pivotgrid-vsort-row-margin: 0 !default;
53
53
  $pivotgrid-vsort-mouse-wrap-margin: -18px !default;
54
- $pivotgrid-vsort-touch-margin: -17px -10px !default;
54
+ $pivotgrid-vsort-touch-margin: -11px -10px !default;
55
55
  $pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
56
56
  $pivotgrid-tooltip-padding: 3px 4px !default;
57
57
  $pivotgrid-tooltip-fontcolor: $grey-light-font !default;
@@ -129,3 +129,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
129
129
  $pivotgrid-grouping-bigger-padding-top: 0 !default;
130
130
  $pivotgrid-button-icon-wrapper-size: 18px !default;
131
131
  $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
132
+ $pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;
@@ -51,7 +51,7 @@ $pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
51
51
  $pivotgrid-vsort-mouse-margin: -6px 5px !default;
52
52
  $pivotgrid-vsort-row-margin: 0 !default;
53
53
  $pivotgrid-vsort-mouse-wrap-margin: -18px !default;
54
- $pivotgrid-vsort-touch-margin: -17px -10px !default;
54
+ $pivotgrid-vsort-touch-margin: -12px -10px !default;
55
55
  $pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
56
56
  $pivotgrid-tooltip-padding: 3px 4px !default;
57
57
  $pivotgrid-tooltip-fontcolor: #fff !default;
@@ -125,4 +125,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
125
125
  $pivotgrid-grouping-bigger-padding-top: 0 !default;
126
126
  $pivotgrid-button-icon-wrapper-size: 18px !default;
127
127
  $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
128
- $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
128
+ $pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;
@@ -128,3 +128,4 @@ $pivotgrid-grouping-padding-top: 12px !default;
128
128
  $pivotgrid-grouping-bigger-padding-top: 16px !default;
129
129
  $pivotgrid-button-icon-wrapper-size: 18px !default;
130
130
  $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
131
+ $pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;
@@ -36,15 +36,15 @@ $pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
36
36
  $pivotgrid-tooltip-padding: 3px 4px !default;
37
37
  $pivotgrid-tooltip-fontsize: 14px !default;
38
38
  $pivotgrid-tooltip-fontfamily: Inter !default;
39
- $pivotgrid-member-filter-list-height: 174px !default;
40
- $pivotgrid-member-filter-list-bigger-height: 140px !default;
39
+ $pivotgrid-member-filter-list-height: 214px !default;
40
+ $pivotgrid-member-filter-list-bigger-height: 178px !default;
41
41
  $pivotview-grid-indent-padding: 8px !default;
42
42
  $pivotview-grid-bigger-indent-padding: 10px !default;
43
43
  $pivotview-indent-space-size: 18px !default;
44
44
  $pivotgrid-bigger-button-line-height: 1em !default;
45
- $pivotgrid-excel-member-filter-height: 165px !default;
45
+ $pivotgrid-excel-member-filter-height: 182px !default;
46
46
  $pivotgrid-excel-filter-height: 248px !default;
47
- $pivotgrid-excel-member-filter-bigger-height: 109px !default;
47
+ $pivotgrid-excel-member-filter-bigger-height: 132px !default;
48
48
  $pivotgrid-excel-filter-bigger-height: 220px !default;
49
49
  $pivotgrid-editor-label-padding-size: 12px 10px 16px 20px !default;
50
50
  $pivotgrid-editor-label-font: 500 13px Inter !default;
@@ -127,3 +127,4 @@ $pivotgrid-grouping-padding-top: 12px !default;
127
127
  $pivotgrid-grouping-bigger-padding-top: 16px !default;
128
128
  $pivotgrid-button-icon-wrapper-size: 18px !default;
129
129
  $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
130
+ $pivotgrid-bigger-button-icon-touch-margin-size: 1px !default;